vueEventBus通信，传值和调用方法

最新推荐文章于 2022-10-19 16:30:11 发布

接着奏乐接着舞

最新推荐文章于 2022-10-19 16:30:11 发布

阅读量460

点赞数

本文链接：https://blog.csdn.net/a378113472/article/details/118357004

版权

1.在main.js中挂载
Vue.prototype.$EventBus = new Vue()
2.在发送的组件中触发方法

    onSubmit() {
      // this.page = 1
      // this.getinfo()
      console.log(this.$EventBus)
      this.$EventBus.$emit('aMsg', '来自A页面的消息')
    },

3.在接受组件中获取值和调用组件自己的方法

  mounted() {
    this.$EventBus.$on('aMsg', (msg) => {
      // A发送来的消息
      this.msg = msg
      this.EventBusMethod(msg)
    })
  },

  methods: {
    EventBusMethod(a) {
      console.log(a, 89898989)
    },