首页 > 解决方案 > Vue 将事件从父级发送到子级

问题描述

我知道在 Vue 中,父母使用 props 与子组件进行通信,而子组件使用 emits 进行通信。

问题:触发由父组件或祖父组件触发的子组件独特功能的最佳方法是什么?(孩子可能是嵌套的,理想情况下事件不是全局的)。

我正在尝试做的事情是:window.onload()由于 Vue 计算 DOM 元素 clientHeight 的问题而在内部执行所有相关的组件启动功能。所以我喜欢将此事件发送到所有相关的子组件

id 喜欢做的事情:将“事件”作为道具传递,每当触发事件时,所有有权访问该道具的组件都可以看到并执行它们自己的特定功能。

我确定这是一种不受支持的模式,但我想知道在没有全局事件总线或使用 Vuex的情况下推荐的方法?

我的猜测:我是否将诸如“pageLoaded”之类的布尔值作为道具传递,然后设置一个观察者来检查值何时变为真?

标签: javascriptvue.jsevents

解决方案


推荐阅读