父组件
<Parent @update="updatepage" :datab="pagedata"></Parent>
data(){
return {
pagedata=[{name:"丽丽",age:"12"}]
}
},
methods:{
updatepage(){
console.log(1111)
}
}
子组件
<Child>
<div @click="clickbutton"></div>
</Child>
prop:['datab'],
method:{
clickbutton(){
this.$emit('update','梅梅')
}
}
讲解.native:在vue2.4 ,这个作用是给父组件添加原生的事件用的。(因为在vue 2.x中组件只能接收子组件的自定义事件,那么父组件如何绑定触发自己的原生事件呢?就是通过.native实现的)
本文探讨了在Vue2.x中,如何通过`.native`修饰符实现父组件监听子组件的原生事件。示例中展示了父组件如何通过`update`自定义事件更新数据,并通过`<Child>`子组件触发`clickbutton`事件,从而实现数据交互。
1558

被折叠的 条评论
为什么被折叠?



