欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

Vue2.x中eventBus的使用及其常见问题解析

最编程 2024-01-19 09:35:31
...

发送数据的时候存储在vue实例中,跳转到接收数据界面再取出来

具体实现如下:

bus.js文件

 ```
 import Vue from 'vue'
 export const Bus = new Vue({
   data () {
     return {
       // 定义数据
       data: {}
     }
   },
   created () {
     // 绑定监听
     this.$on('getInfo', value => {
       this.data = value
     })
   }
 })
 ```
 

发送数据组件

import {bus} from "../../utils/bus.js"

...

// 发送数据
bus.$emit(参数1'定义一个方法名', 参数2'要发送的数据')

接收数据组件

import {bus} from "../../utils/bus.js"
computed: {
    records () {
      return bus.data
    }
  },

推荐阅读