需要一个bus.js文件代码如下
import Vue from 'vue';
export default new Vue();
在父组件中引入
import bus from '@/api/bus.js'
在created中使用:
created() {
bus.$on('addCondition', (type) => {
this.checkBefor = type
})
}
子组件中使用
import bus from '@/api/bus.js' //引入
bus.$emit('addCondition', true); //子组件的事件中使用
本文介绍了一种在Vue.js项目中实现父子组件间通信的方法——通过创建一个全局的Vue实例作为事件总线。具体展示了如何在父组件中监听事件并在子组件中触发这些事件。
5453

被折叠的 条评论
为什么被折叠?



