1、在utils資料夾下建立中介軟體middle.js
// 中介軟體 實現跨頁面呼叫方法 import Vue from 'vue' export default new Vue
2、被呼叫頁面程式碼
<template></template> <script> import Middle from '@/utils/middle.js'; export default { mounted() { let _this = this Middle.$on('methodA', (data) => { _this.methodA(); }) }, methods: { methodA() { console.log("哈哈哈") } } } </script>
3、呼叫頁面程式碼
<template></template> <script> import Middle from '@/utils/middle.js'; export default { methods: { methodB() { //跨頁面調取函式 Middle.$emit('methodA'); } } } </script>