• 微信号
  • 微信号
您当前的位置:首页 > 学海无涯 > 茑语花香>vue全局事件总线

vue全局事件总线

孤峰 孤峰家 2024-01-09 21人阅读

组件间使用事件总线传值:

有两个兄弟组件:

home是父组件:

两个兄弟组件a和b被引入到home组件,此时a要向b组件传递数据

1. 先在**in.js中安装全局事件总线:

2. 发送方:

a组件中触发自定义事件发送数据:(触发送$emit)

this.$bus.$emit("自定义事件", "发送的数据");

3. 接收方:

b组件中注册自定义事件接收数据:(注接收$on)

this.$bus.$on("自定义事件", (接收参数) => { })

结果:

转载:感谢您阅览,转载请注明文章出处“来源从小爱孤峰知识网:一个分享知识和生活随笔记录的知识小站”。

链接:vue全局事件总线http://www.gufeng7.com/niaolang/1945.html

联系:如果侵犯了你的权益请来信告知我们删除。邮箱:119882116@qq.com

标签: