1.首先在父组件methods中定义一个方法:
thumbsUpChange(item) {
console.log("子组件传来的值", item)
},
2.在父组件引用子组件时绑定该方法:
<cate-top :list="list" v-on:pThumbsUp="thumbsUpChange"></cate-top>
3.在子组件中写绑定点击事件:
@click="thumbsUp(item)"
4.在子组件 methods 中点击事件中,使用 $emit 调用父组件的thumbsUpChange()方法:
thumbsUp(item) {
// 不传参
this.$emit("pThumbsUp")
// 传参
this.$emit("pThumbsUp",item)
},
子组件中第一个参数(pThumbsUp)是父组件中调用子组件并传递方法需要绑定的方法名,第二个参数(item)是需要传递的参数。