兄弟组件传值（同时解决接受的页面收不到数据）

如果你用vue写的

第一步

先在src里面创建一个新的文件夹common，然后在里面放一个bus.js（也就是你随便建一个这个js文件就行，里面写着俩行代码就行）

bus.js里面写

import Vue from 'vue';
export default new Vue;

第二步

在传值的页面写这些

#引入你写的那个bus文件路径
import bus from "../../../common/bus";
export default {
  data() {
    return {
      label: "",
    };
  },

  mounted(){
    // 这个是接收传来的值
    bus.$on('toAdd',args=>{
      bus.goAdd=args
    })

  },
  methods: {
    // 把值传过去
    goAdd() {
      bus.$emit("toAdd", this.label);
    },
  },
};

第三步

在接收页面写

  mounted() {
    console.log(bus.goAdd);
  },

然后在这个页面需要的地方直接{{bus.goAdd}}