From 0ecc402885f332b21923bb12183dc072306f2b39 Mon Sep 17 00:00:00 2001 From: cuiqian2004 <cuiqian2004@163.com> Date: 星期五, 21 三月 2025 18:36:15 +0800 Subject: [PATCH] vue3 --- components/oi-form/list/index.vue | 33 +++++++++++++++------------------ 1 files changed, 15 insertions(+), 18 deletions(-) diff --git a/components/oi-form/list/index.vue b/components/oi-form/list/index.vue index c3abb35..93d8c1f 100644 --- a/components/oi-form/list/index.vue +++ b/components/oi-form/list/index.vue @@ -7,26 +7,26 @@ <OIFormText v-if="viewMode && data.disabled" :data="data" :model="model"> </OIFormText> <OIFormInput v-else-if="data.name == 'Input'" :viewMode="viewMode" :focus="focusId== data.fieldId" - :data="data" :model="model" @change="onChange" @focus="onFocus" @click="onClick" - @click-prefix="onClickPrefix" @click-suffix="onClickSuffix"> + :data="data" :model="model" @on-change="onChange" @on-focus="onFocus" @on-click="onClick" + @on-click-prefix="onClickPrefix" @on-click-suffix="onClickSuffix"> </OIFormInput> <OIFormInputNumber v-else-if="data.name == 'InputNumber'" :focus="focusId== data.fieldId" :data="data" - :model="model" @change="onChange" @focus="onFocus" @click="onClick"> + :model="model" @on-change="onChange" @on-focus="onFocus" @on-click="onClick"> </OIFormInputNumber> <OIFormTextArea v-else-if="data.name == 'Textarea'" :focus="focusId== data.fieldId" :data="data" - :model="model" @change="onChange" @focus="onFocus" @click="onClick"> + :model="model" @on-change="onChange" @on-focus="onFocus" @on-click="onClick"> </OIFormTextArea> - <OIFormSelect v-else-if="data.name == 'Select'" :data="data" :model="model" @change="onChange"> + <OIFormSelect v-else-if="data.name == 'Select'" :data="data" :model="model" @on-change="onChange"> </OIFormSelect> - <OIFormSwitch v-else-if="data.name == 'Switch'" :data="data" :model="model" @change="onChange"> + <OIFormSwitch v-else-if="data.name == 'Switch'" :data="data" :model="model" @on-change="onChange"> </OIFormSwitch> - <OIFormCheckbox v-else-if="data.name == 'Checkbox'" :data="data" :model="model" @change="onChange"> + <OIFormCheckbox v-else-if="data.name == 'Checkbox'" :data="data" :model="model" @on-change="onChange"> </OIFormCheckbox> - <OIFormRadio v-else-if="data.name == 'Radio'" :data="data" :model="model" @change="onChange"> + <OIFormRadio v-else-if="data.name == 'Radio'" :data="data" :model="model" @on-change="onChange"> </OIFormRadio> - <OIFormDatePicker v-else-if="data.name == 'DatePicker'" :data="data" :model="model" @change="onChange"> + <OIFormDatePicker v-else-if="data.name == 'DatePicker'" :data="data" :model="model" @on-change="onChange"> </OIFormDatePicker> - <OIFormTimePicker v-else-if="data.name == 'TimePicker'" :data="data" :model="model" @change="onChange"> + <OIFormTimePicker v-else-if="data.name == 'TimePicker'" :data="data" :model="model" @on-change="onChange"> </OIFormTimePicker> <OIFormDatePickerRange v-else-if="data.name == 'DatePickerRange'" :data="data" :model="model" @change="onChange"> @@ -87,24 +87,21 @@ }, methods: { onChange(e) { - this.$emit("change", this.data) + this.$emit("on-change", this.data) }, onClick(e) { - this.$emit("click", this.data) + this.$emit("on-click", this.data) }, onFocus(e) { - this.$emit("focus", this.data) + this.$emit("on-focus", this.data) }, onClickPrefix() { - this.$emit("click-prefix", this.data) + this.$emit("on-click-prefix", this.data) }, onClickSuffix() { - this.$emit("click-suffix", this.data) + this.$emit("on-click-suffix", this.data) }, }, - mounted() { - console.log("item", this.data) - } }; </script> -- Gitblit v1.9.1