登录/注册
开开
7560
占位
8
占位
12
浏览量
占位
粉丝
占位
关注
vue—如何在一个页面调用另一个页面的methods
开开
2021-10-27 14:28:06 2021-10-27
48
0

1.首先同一个vue实例来调用两个方法。所以可以建立一个中转站。 建立 util.js 中转站文件(任意位置,我是在/utils/util.js)

import Vue from 'vue'
export default new Vue

2.分别在两个页面引入该文件(注意路径)

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

3.调用方代码

methods: {
    functionA() {
        Utils.$emit('test','param');
    }
}

4.被调用方代码

mounted(){
    var that = this;
    Utils.$on('test', function (param) {
        console.log(param);
        that.functionB();
    })
},
methods: {
    functionB() {
        ...
    }
}

原文: https://www.jianshu.com/p/0a9e7465952b

暂无评论