vue三种传参方式之一非父子组建传参$emit$on原创

A页面 跳 B页面 带参数

‘editGoodShows‘ 是这个值吗key “传”与“接”要统一。

方法如下 四步骤

1.eventBus.js文件如下 ，放在随意的位置，通常放在utils里

import Vue from vue
export default new Vue()

注：如果出现错误，请记住在MOST行中添加换行符。

2.A B 需要介绍的页面eventBus.js文件

import eventBus from @/utils/eventBus

3.A页面

// 接受传参 
eventBus.$on(editGoodShows, function (res) { console.log(res) })

4.B页面

在要使用的位置指定值。

eventBus.$emit(editGoodShows, {data: true})

注意：由于渲染机制的问题，重复点击的情况较多。

在A页面 接收许多重复的参数 ，

所以一定要打电话给我 B页面 中的销毁方法代码如下

destroyed () {
  eventBus.$off(editGoodShows)
},