VUE：兄弟组件间传参

1、定义一个中间 eventBus.js ，只有 2 行代码，用于传参：

代码语言：javascript复制

// 此页面是vue 巴士，用于兄弟组件间通信
import Vue from 'vue'
export default new Vue()

2. 在要传参和接收参数的各个兄弟组件中引入这个 js :

代码语言：javascript复制

// 巴士：用于兄弟组件间传值
import bus from "../../../../../static/base/eventBus.js";

3. 参数 传出：

代码语言：javascript复制

// 传参到兄弟组件：queryBtn。queryParamMap是参数，可以传多个参数，用逗号分隔
// bus.$emit("监听的事件名", 参数);

   bus.$emit("queryParam", queryParamMap);

4. 接收：( 可同时多个兄弟组件接收。 )

代码语言：javascript复制

 bus.$on("queryParam", queryParamMap => {...}

这样就可以了。

eventbus

0 人点赞