当前位置：网站首页>eventBus

eventBus

2022-04-23 02:52:00 【Diga】

1. In a component
introduce eventbus
import eventBus from ‘…/mlib/util/eventbus.js’;

   beforeDestroy(){
    
      var that = this;
      eventBus.$emit('configItemKey', {
    
        'configItemKey': that.configItemKeylist,
        'type': that.type,
        'scrollTop':this.scrollTop
      });
    },

2. Receive in another component 

 created() {
    
     eventBus.$off('configItemKey'); Eliminate first to avoid duplicate acquisition 
 	this.getEventBus();
}
getEventBus() {
    
	var that = this;
	eventBus.$on('configItemKey', function (data) {
    
          that.$nextTick(() => {
    
            	that.channelItemKey = data.configItemKey; 
          })
    
 	}) 
}

3.eventBus Components ：

import Vue from 'vue'
/** *  Define empty vue example , As  eventbus Realize the communication between non parent and child components (vue2.x Removed from broadcast) */
var eventBus = new Vue({
    });
export default eventBus;

版权声明
本文为[Diga]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204220717433922.html

边栏推荐

猜你喜欢

随机推荐