vueA页面调用B页面的函数
标签搜索
vue

vueA页面调用B页面的函数

洛尘
2022-07-25 / 0 评论 / 514 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年07月25日,已超过1048天没有更新,若内容或图片失效,请留言反馈。

1、新建一个js文件 文件内容如下

import Vue from 'vue'
export default new Vue

2、在A页面和B页面都引入这个js文件

import transfer from '../../assets/js/transfer.js';

3、调用方代码

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

4、被调用方代码

mounted(){  
    var that = this;  
    transfer.$on('demo', function (msg) {  
        console.log(msg);  
        that.functionB();  
    })  
},  
methods: {  
    functionB() {  
        ...  
    }  
} 
0

评论 (0)

取消