如何在兄弟组件中传值
- 在main.js中:
new Vue({
beforeCreate() {
Vue.prototype.$bus = this; //安装全局事件总线,$bus就是当前应用的vm
},
}).$mount("#app");```
- 在发送页面
this.$bus.$emit("canshu", res.data.data); // canshu 自定义的, 可以理解为标识, 在接收页面需要和其一致 res.data.data 是需要传送的数据
- 接收页面
// canshu 自定义的标识, 和发送数据页面保持一致, 后面的res 就是传过来的数据
this.$bus.$on("canshu", (res) => {
console.log(res);
});