vue—一個組件調用另一個組件的methods


這種方法不常用,項目中有個地方共享數據了,起初沒用vuex做,后來有個地方不好解決,這兩個組件沒有什么關系

1.首先同一個vue實例來調用兩個方法。所以可以建立一個中轉站。

建立 util.js 中轉站文件(任/assets/js/util.js)

import Vue from 'vue'
export default new Vue

2.分別在兩個頁面引入該文件(注意路徑)

import Utils from '../../assets/js/util.js';

3.調用方代碼(第二個參數是傳遞的參數)

methods: {
    functionA() {
        Utils.$emit('demo','msg');
    }
}

4.被調用方代碼

 1 mounted(){
 2     Utils.$on('demo', (msg) => {
 3         console.log(msg);
 4         this.functionB();
 5     })
 6 },
 7 methods: {
 8     functionB() {
 9         ...
10     }
11 }

 


免責聲明!

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



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