uni-app 子组件如何调用父组件的方法

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)是需要传递的参数。