vue mitt 解决多次触发问题

时间：2021-05-29 17:41:03 阅读：23 评论：0 收藏：0 [点我收藏+]

vue 下载包 npm install --save mitt

1.在main.js 里面

import mitt from "mitt";

const app = createApp(App);

app.config.globalProperties.$bus = mitt(); // 自定义添加

2.使用方法

　（1）在任意一个页面触发添加一个动态组件

this.$nextTick(function () {

this.$bus.emit("changeOdr", row.odrNo);

});

　（2）在动态组件里面

mounted() {

this.$bus.on("changeOdr", (key) => {

this.odrNo = key;

this.getData();

});

（3）解决触发多次问题每当页面关闭的时候去销毁这个事务线程（还是在那个动态组件里面）【ps vue3.0 页面销毁生命周期是 beforeUnmount】

beforeUnmount() {

this.$bus.all.delete("changeOdr");

原文：https://www.cnblogs.com/dawnzhao/p/14825612.html

踩

(0)

评论一句话评论（0）

分享档案

更多>