0
点赞
收藏
分享

微信扫一扫

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





举报

相关推荐

0 条评论