VUE 全局监听事件 eventHub，跨页面传递信息-文章-关尔先生

VUE 全局监听事件 eventHub，跨页面传递信息笔记

VUE 全局监听事件 eventHub，跨页面传递信息，可用于刷新其它页面

关尔先生2021-05-20 12:10:28

main.js 引用

Vue.prototype.$eventHub = Vue.prototype.$eventHub || new Vue();

page.vue 监听事件

  mounted() {
    this.query.invalidFlag = 0;
    this.display();
    this.$eventHub.$on('eventName', this.display);
  },

  beforeDestroy() {
    this.$eventHub.$off('eventName');
  },

action.vue 触发事件

 this.$eventHub.$emit('eventName', '');

---END---

暂无评论

数据库加载中

VUE 全局监听事件 eventHub，跨页面传递信息 笔记