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>