1.新建bus.js文件:
2.在需要通信组件A,B中引入bus:
A组件:
import Bus from "@/assets/bus.js"; methods: { handleClick: function () { this.$nextTick(function () { //解决第一次监听不到数据 Bus.$emit(‘sendData‘, ‘我是传递的数据’) }) } }
B组件:
import Bus from "@/assets/bus.js"; mounted() { Bus.$on("sendData", val => { console.log(val) }); },
20、解决Vue使用bus兄弟组件间传值,第一次监听不到数据
原文:https://www.cnblogs.com/xlfdqf/p/11168793.html