vue 組件之間的自定義方法互相調用


1,先定義一個中間通信文件js globalBus.js

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

2,A.vue組件的方法需要去調用B.vue組件的方法。

首先在b組件去聲明方法,,loginTo為方法名 number為接受的參數

import { globalBus } from "../../components/globalBus.js";
mounted() {
globalBus.$on("loginTo", (number) => {
    console.log('調用了這個'+number)
});
},

3,然后再A組件用方法調用 ,loginTo是調用的方法,后面11是傳的值

import { globalBus } from "../../components/globalBus.js";
methods: {
gototoUserLogin(){
globalBus.$emit("loginTo",111);
},
}


免責聲明!

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



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