VueJS兄弟组件通信
on和emit的事件必须是在一个公共的实例上,才能触发。我的解决方案是:新建bus.jsimport Vue from 'vue'export var bus = new Vue()App.vue里created方法里定义事件import { bus } from 'bus.js'// ...created () {bus.$on('tip', (
·
on和emit的事件必须是在一个公共的实例上,才能触发。
我的解决方案是:
-
新建bus.js
import Vue from 'vue' export var bus = new Vue()
-
App.vue里created方法里定义事件
import { bus } from 'bus.js' // ... created () { bus.$on('tip', (text) => { alert(text) }) }
-
Test.vue组件内调用
import { bus } from 'bus.js' // ... bus.$emit('tip', '123')
更多推荐
已为社区贡献18条内容
所有评论(0)