1.下载mitt.
2.创建文件-一般取名bus.js(放在utils里)
3.在bus.js中导入mitt,并创建emitter方法并暴露
import mitt from 'mitt'
const emitter =mitt()
export default emitter
4.组件使用方法.
组件1传值给组件2
组件1中定义方法send, 通过emit传值, 第一个参数是所传值的名字,第二个参数是所传值的内容(也就是具体传的什么东西),传值直接调用send方法即可.
import emitter from "@/utils/bus";
const send = (rows:any) => {
emitter.emit('sendmessage', rows)
}
组件2中直接通过on来接收,mitter方法建议放在onMounted中,后面回调函数中处理接收的值.
import emitter from "@/utils/bus";
onMounted(() => {
emitter.on('sendmessage', (e: any) => {
receive.value = e
})
})