猿问

vue2采用非父子事件监听问题

根本官网兄弟组件通信的实例我写了一个bus总线。


import Vue from 'vue'

export default new Vue()

然后保存为bus.js并且在各个引用的组件文件中import引入。


在一个组件A里$emit了一个事件。


callbacklien () {

        Bus.$emit('main')

        Bus.$emit('main_data', this.basedata, this.formItem.select)

      }

另外两个组件B 和C 里$on这个事件状态


组件B代码:


  mounted: function () {

    Bus.$on('main', () => {

      this.url_link('sql', ['工单', '表结构修改申请'], '1')

    })

  }

组件C代码:


    mounted: function () {

      Bus.$on('main_data', () => {

        this.bus_state(['已完成', '进行中', '待进行'], 1, 'two')

      })

    }

结果B成功监听到main事件


C没有监听到main_data事件


请问这是什么原因导致的呢 B是C的父组件


qq_遁去的一_1
浏览 438回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答