VUE-UNI事件轉發監聽

haonanElva發表於2024-12-05
Vue事件

VUE以及uni-app 如果在專案中事件轉發以及監聽事件

在業務頁面 a.vue 裡面，呼叫了一個第三方介面，這個介面的回撥是在專案的app.vue 的 onShow 裡面給的回撥，那我現在在a.vue 裡面怎麼處理。這個時候就需要做事件的轉發，在a 頁面做事件的監聽

方法：

store下邊新建一個js eventBus.js

import Vue from 'vue';
const EventBus = new Vue();
export default EventBus;

app.vue裡面作引用

import EventBus from './store/eventBus.js';

onShow: function(options) {
        
       EventBus.$emit('onAppShown', parmers);   
        
},

在a.vue頁面中

import EventBus from '../../../store/eventBus.js';

beforeDestroy(){
            EventBus.$off('onAppShown', this.checkPayResult);
        },
 mounted() {
            EventBus.$on('onAppShown', this.checkPayResult);
},
methods: {
            checkPayResult(param){
                console.log("到這裡了")
                console.log(param)
              
            },
}

相關文章