vue 跨页面调用和传参

A页面调用B页面的保存方法

不涉及父子组件时，调用的方式，使用this.$root.$emit()发送消息，进行调用，如图

 // A页面点击按钮调用B页面的保存方法
 save() {
      // 调项目预算的保存save方法
      let data = {
        rlid: this.rlid,
        flag: 'next'
      };
      this.$root.$emit("xmysSave", data);
    },

B页面进行接收，使用this.$root.$on(),接收并执行自己的逻辑

  mounted() {
    console.log("接收数据");
    // 接收A页面的传参
    this.$root.$on("xmysSave", (data)=>{
      // 调用方法
      this.save(data.rlid,data.flag,"");
      console.log(data);
    });
  },

总结:xmysSave 可以理解成是一个频道，注意发送方和接收方要一致，接收方在mounted里实现监听并接收数据。