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

发布时间：2020-12-17 02:34:24 所属栏目：百科来源：网络整理

导读：Vue父组件向子组件传递事件/调用事件不是传递数据（props）哦，适用于 Vue 2.0 方法一：子组件监听父组件发送的方法方法二：父组件调用子组件方法子组件：父组件： export default { methods: { click () { this.$refs.child.$emit('childMethod') // 方

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

不是传递数据（props）哦，适用于 Vue 2.0

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

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

子组件：

父组件：

export default {
methods: {
click () {
this.$refs.child.$emit('childMethod') // 方法1
this.$refs.child.callMethod() // 方法2
},components: {
child: child
}
}

以上这篇Vue父组件调用子组件事件方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!