vue3

cuiqian2004

2025-03-21 0ecc402885f332b21923bb12183dc072306f2b39

 components/oi-form/list/layout/index.vue

@@ -3,10 +3,10 @@
   <uni-row :gutter="data.setting.gutter">
      <uni-col
         :span="data.setting.spanList && data.setting.spanList[key]? data.setting.spanList[key] : 24 / data.setting.col"
         v-for="(col,key) in data.setting.colList">
         v-for="(col,key) in data.setting.colList" :key="key">
         <OIFormItem v-if="col != null" :focusId="focusId" :viewMode="viewMode" :data="col" :model="model"
            :hiddenIds="hiddenIds" @change="onChange" @focus="onFocus" @click="onClick"
            @click-prefix="onClickPrefix" @click-suffix="onClickSuffix"></OIFormItem>
            :hiddenIds="hiddenIds" @on-change="onChange" @on-focus="onFocus" @on-click="onClick"
            @on-click-prefix="onClickPrefix" @on-click-suffix="onClickSuffix"></OIFormItem>
         <uni-forms-item v-else label=""></uni-forms-item>
      </uni-col>
   </uni-row>
@@ -41,25 +41,31 @@
      },
      methods: {
         onChange(e) {
            this.$emit("change", e)
            this.$emit("on-change", e)
         },
         onClick(e) {
            this.$emit("click", e)
            this.$emit("on-click", e)
         },
         onFocus(e) {
            this.$emit("focus", e)
            this.$emit("on-focus", e)
         },
         onClickPrefix(e) {
            this.$emit("click-prefix", e)
            this.$emit("on-click-prefix", e)
         },
         onClickSuffix(e) {
            this.$emit("click-suffix", e)
            this.$emit("on-click-suffix", e)
         },
      },

      mounted() {
         console.log("layout", this.data.setting.colList)
         console.log("mounted layout", this.data.setting.colList)
      },
      beforeUpdate (){
         console.log("beforeUpdate layout",this.data)
      },
      updated(){
         console.log("updated layout",this.data)
      }
   };
</script>