vue、bus 使用遇到的坑,组件之间无法传值;vue、bus 第一次获取不到值,后面数据叠加
问题定位:
- 出现无法传值的情况,检查传值过程中组件是否还没有渲染;可能出现的情况是:组件被if,在你使用 Bus.$emit() 时组件还没有渲染出来;
- 出现点击重复执行情况,检查bus是否使用后销毁;
使用Bus.$on后,需要生命周期beforeDestroy中销毁:
beforeDestroy() {
Bus.$off("onSearchwordKey");
}
bus详细使用见官方文档:https://cn.vuejs.org/v2/guide/migration.html#dispatch-%E5%92%8C-broadcast-%E6%9B%BF%E6%8D%A2
参考:https://segmentfault.com/a/1190000021053767
本文深入探讨Vue中Bus通信机制的常见问题及解决方案,包括组件间传值失败、数据叠加及点击重复执行等问题。文章提供了详细的定位思路,如检查组件渲染状态和Bus销毁时机,并附上官方文档链接及实例代码。
6912

被折叠的 条评论
为什么被折叠?



