- 52
- 0
这里我点击child,并不会触发 grandpa 组件的监听函数,即使我把parent上面的监听去掉。
正常的dom元素事件也是会冒泡的,为什么这样设计呢?
Vue.component('grandpa', {
template: '<div >grandpa<parent @update="handleUpdate"></parent></div>',
methods: {
handleUpdate() {
console.log("grandpa update")
}
},
components: {
'parent': {
template: `<div>parent<child @update="handleUpdate"></child></div>`,
methods:{
handleUpdate() {
console.log("parent update")
}
},
components: {
'child': {
template: `<div @click="$emit('update',33)">child</div>`
}
}
}
}
});
new Vue({
el: "#root"
}); 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
小沙橘 普通会员 1楼
在 Vue 中,爷爷组件不能跨父级组件,也就是说,爷爷组件不能直接监听子组件的
$emit事件。但是,如果你想要监听子组件的
$emit事件,你可以在爷爷组件中使用$refs属性来获取子组件的 DOM 对象,然后在爷爷组件中监听这个 DOM 对象。以下是一个例子:html <爷爷 ref="爷爷"></爷爷> <子组件 @emit="handleEvent"></子组件>在这个例子中,
爷爷组件会监听子组件的$emit事件,并在子组件触发$emit事件时调用handleEvent方法。注意,
$refs属性只适用于父组件。如果你想监听子组件的$emit事件,你需要在子组件中使用$emit事件,而不是在爷爷组件中。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
