Vue父组件调用子组件事件方法

网友投稿 358 2023-02-16


Vue父组件调用子组件事件方法

vue父组件向子组件传递事件/调用事件

不是传递数据(props)哦,适用于 Vue 2.0

方法一:子组件监听父组件发送的方法

方法二:父组件调用子组件方法

子组件:

export default {

mounted: function () {

this.$nextTick(function () {

this.$on('childMethod', function () {

console.log('监听成功')

})

})

},

methods {

callMethod () {

console.log('调用成功')

}

}

}

父组件:

export default {

methods: {

click () {

this.$refs.child.$emit('childMethod') // 方法1

this.$refs.child.callMethod() // 方法2

},

components: {

child: child

}

}


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:浅谈springfox
下一篇:Node Puppeteer图像识别实现百度指数爬虫的示例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~