vue3-兄弟组件传值-mitt

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
  })


})


版权声明:本文为Backbody_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。