javascript - Vue 将事件从父级发送到子级
问题描述
我知道在 Vue 中,父母使用 props 与子组件进行通信,而子组件使用 emits 进行通信。
问题:触发由父组件或祖父组件触发的子组件独特功能的最佳方法是什么?(孩子可能是嵌套的,理想情况下事件不是全局的)。
我正在尝试做的事情是:window.onload()
由于 Vue 计算 DOM 元素 clientHeight 的问题而在内部执行所有相关的组件启动功能。所以我喜欢将此事件发送到所有相关的子组件
id 喜欢做的事情:将“事件”作为道具传递,每当触发事件时,所有有权访问该道具的组件都可以看到并执行它们自己的特定功能。
我确定这是一种不受支持的模式,但我想知道在没有全局事件总线或使用 Vuex的情况下推荐的方法?
我的猜测:我是否将诸如“pageLoaded”之类的布尔值作为道具传递,然后设置一个观察者来检查值何时变为真?
解决方案
推荐阅读
- go - 如果连接丢失,golang gin 如何立即停止处理程序
- c# - 命名空间和类的命名
- image - 使用openCV在图像中查找特定框
- c# - uploadfile asp.net 对象 - 如何设置随附的“神秘”标签
- javascript - 在 Promise 中创建递归而不是多次调用
- python - 对 csv 文件中的列进行计数 IF 列包含 1。(csv 文件中只有 1 和 0)Python
- r - Retain rows in same group if any pass filter
- python - NoReverseMatch:找不到带有参数“(3,)”的“主题”的反向。尝试了 1 种模式:['topics/$']
- javascript - 问题 js:有没有办法让一组物体相互碰撞,而对于另一组:最后一组像传感器一样起作用?
- postgresql - 将 Postgres 的 generate_series 函数与 ObjectionJS/KnexJS 一起使用