前言
以前总是被面试题,今儿遇到了问题可以用这个来解决,就自己写了下,还蛮好使~
我遇到的问题是ant design+Vue3
右侧页面改变,但左侧菜单没有改变,所以想了这个方法。
1、安装
$ npm install --save vue3-eventbus
2、main.js 挂载
import eventBus from 'vue3-eventbus'
app.use(eventBus)
3、使用
第一个组件
import bus from 'vue3-eventbus'
export default {
created() {
bus.emit('changeSelectedKeys', '2002')
}
}
另一个组件
import bus from 'vue3-eventbus'
bus.on('changeSelectedKeys',val=>{
this.selectedKeys=[]
this.selectedKeys.push(val);
})
参考链接
https://juejin.cn/post/6890781300648017934