vue 自定义组件实现v-model双向数据绑定

helei 2022-4-5 785 4/5

父组件

<staffSelect v-model="optionuser"></staffSelect>//
optionuser 随意取名字。不影响

子组件

model: {
    prop: 'value',//此处名称需要与props里面某个属性一致,一个组件只能有一个model属性,对应父组件v-model的值
    event: 'changevalue'//方法名称
},
props: [
    "value",
],
this.$emit('changevalue', this.dataList[e])//调用上面model里面的changevalue,修改value值父组件v-model会跟随变化


- THE END -

helei

4月05日23:38

最后修改:2022年4月5日
0