两个兄弟组件之间传值
简单做法 先写一个公共的js 代码如下 bus.js
//bus.js
import Vue from 'vue'
export default new Vue()
然后A组件里面代码如下
// 引入公共的bus,来做为中间传达的工具
import Bus from "./bus";
Bus.$emit("revisedetail", this.data);
//revisedetail代表自定义事件的名字 this.data代表请求来的数据
然后B组件里面代码如下
// 引入公共的bus,来做为中间传达的工具
import Bus from "./bus";
mounted: function() {
// 用$on事件来接收参数
Bus.$on("revisedetail", data => {
console.log(data);
this.resultArray= data;
console.log(this.resultArray);
});
}
//用Bus.$on来接收传来的数据 this.resultArray是B组件data里定义好的空数组用来接收数据