Bus

兄弟组件传值 A传向B

步骤
1.创建Bus的事件:(总线)
import Vue from 'vue';
let Bus = new Vue();
export default Bus;
2.A组件 使用的文件中引用该js文件 import Bus from '@~~~/Bus';
在该文件中使用:Bus.$emit('isLoadings', this.isLoading);
//引号里面的是自定义的名称,后面是值
3.B组件 在需要使用这个值得地方引入js文件 import Bus from '@~~~/Bus';
created(){
Bus.$on('isLoadings', val => { // 引号里面的是自定义的名称,val是值
this.isLoading = val; //赋值
});
},
4.B组件 最后销毁该Bus的传值(不然会踩坑)
beforeDestroy(){
bus.$off('isLoadings')
}

 

 

可以用作加载loading

posted @ 2020-04-23 13:39  queenDream  阅读(379)  评论(0编辑  收藏  举报