您的位置:首页 > 财经 > 金融 > vue3 组件通信 mitt

vue3 组件通信 mitt

2025/2/26 13:22:30 来源:https://blog.csdn.net/CMDN123456/article/details/140661509  浏览:    关键词: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:第一次使用,如果写的有误,请纠正,谢谢。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com