vue3 组件通信 mitt
安装依赖:
yarn add mitt --save
创建js 文件(eventbus)
import mitt from "mitt";
const bus = mitt()
export default bus
在需要用到的页面引入js文件
1. A页面发送
functionAa(val) {
this.testName = '审计项目名称'
bus.emit('btnClicks', this.testName)
},
2. B页面接收
mounted () {
bus.on('btnClicks', (e) => {
console.log(e, 'bus')
this.test() //方法
})
},
method:{
test(){
console.log('接收成功!')
}
}
3. 销毁
beforeDestroy () {
bus.off('btnClicks')
},
ps:第一次使用,如果写的有误,请纠正,谢谢。
原文地址:https://blog.csdn.net/CMDN123456/article/details/140661509
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!