vue跨頁面呼叫函式

.Tik發表於2024-11-11

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>

相關文章