Bootstrap

uni-app 子组件v-model的双向绑定

vue2.0
父组件
   <!-- v-model实际上就是:value和@input的语法糖 -->
   <!-- 双向绑定多个属性的时候可以使用.sync关键字 -->
<template>
        <drag-image v-model="imgArr"></drag-image>
</template>


子组件
<script>
emits:['input']
 props: {
     <!-- //这里的value就是 imgArr -->
      value: {  
      type: Array | Object,
      default: function () {
        return [];
      },
    },
}

methods:{
    <!-- 改变imgArr数据 -->
 setImgArr(){
    this.$emit('input', result);
}
}
</script>
vue3.0
父组件
<template>
        <drag-image v-model="imgArr"></drag-image>
</template>


子组件
<script>
 emits: ['update:modelValue'],
 props: {
      <!-- //这里的value就是 modelValue -->
      modelValue: {  
      type: Array | Object,
      default: function () {
        return [];
      },
    },
}

methods:{
    <!-- 改变imgArr数据 -->
 setImgArr(){
      this.$emit("update:age", e.target.value);
}
}
</script>

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;