以下为简化代码,突出核心操作。
父组件
<TestTags name="测试" v-model="text">
子组件
<script>
export default{
model:{
prop:'tags',//与父组件双向绑定 tags
event: 'updateTags'
},
// 接受父组件传来的值
props:{
tags:Array,
},
methods:{
addTags() {
tags.push("222");
// 通过 $emit 触发 updateTags 事件,将内部值传递给父组件
this.$emit('updateTags',this.tags);
}
}
}
</script>