vue bus组件传值

Posted ymwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue bus组件传值相关的知识,希望对你有一定的参考价值。

父组件 

event(){

this.$bus.emit("edit", title, item);)}//edit为对应的子组件名称,title,item为向子组件传的值
子组件 接收 在mounted
this.$bus.on("edit", (title, obj) => {
//title,obj为子组件接收的值
});
 
子组件向父组件传值
this.$emit("refresh", addData, this.title); // addData ,title为向父组件传的值 
 
父组件
<[email protected]="getbmzzList"></edit>
事件
getbmzzList(data, title){
// data title为子组件传给父组件的值
}

以上是关于vue bus组件传值的主要内容,如果未能解决你的问题,请参考以下文章

非父子组件间传值

vue兄弟组件传参

vue兄弟组件的传值eventbus

vue组件中的几种传值方式----下篇

事件总线bus解决兄弟组件之间的传值

Vue中非父子组件传值的问题