vue mitt 解决多次触发问题
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"); },