VUE同級組件之前方法調用


實現:Index.vue頁面調用nav.vue頁面里的getLeftMenu()方法

一、首先先建一個公共文件,命名eventBus.js,內空為:

import Vue from 'vue'
export default new Vue()

二、在Index.vue和nav.vue都import一下eventBus.js公共文件,具體寫法

import bus from './comms/eventBus'

三、在nav.vue里的mounted方法里加上

bus.$on('navLeft',function(){
          that.getLeftMenu();    
});

四、在Index.vue頁面里的methods具體方法里定義emit事件,具體寫法

goUrl(url){//頁面跳轉
        this.$router.push(url);
        bus.$emit('navLeft',url);
}
原文鏈接:https://blog.csdn.net/zhangjie9852/article/details/103200635


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM