vue3 非父子传值

yuyu_2019

于 2024-12-18 10:30:10 发布

阅读量159

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue3 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/yuyu_2019/article/details/144553583

vue3 专栏收录该内容

3 篇文章

订阅专栏

1）引入 getCurrentInstance

import { ref, onMounted, onUnmounted, getCurrentInstance } from "vue";
var vueProxy = getCurrentInstance();

2）监听与销毁

onMounted(() => {
  vueProxy.proxy.$mittBus.on('historyShowDetail', showDetail)
})

onUnmounted(() => {
  vueProxy.proxy.$mittBus.off('historyShowDetail')
})

3）监听到后执行的方法

const showDetail = () => {

}

4）另一个页面发送

import { ref, getCurrentInstance } from 'vue'
var vueProxy = getCurrentInstance();
const showDetail = () => {
  vueProxy.proxy.$mittBus.emit('historyShowDetail', {})
}