Vue中在一个页面调用另一个页面的方法
1、建立 util.js 中转站文件(任意位置,我是在/src/utils/util.js),写入以下代码import Vue from 'vue'export default new Vue2、在两个页面都引入该文件(注意路径)import vm from '../utils/util.js'3、调用方methods: {functionA() {vm.$emit('demo','msg');}
·
1、建立 util.js 中转站文件(任意位置,我是在/src/utils/util.js),写入以下代码
import Vue from 'vue'
export default new Vue
2、在两个页面都引入该文件(注意路径)
import vm from '../utils/util.js'
3、调用方
methods: {
functionA() {
vm.$emit('demo','msg');
}
}
4、被调用方(注意:如果要在vm.$on里用到this,需要先定义变量赋值为this才能调用到)
mounted(){
var that = this;
vm.$on('demo', function (msg) {
console.log(msg);
})
},
更多推荐
已为社区贡献1条内容
所有评论(0)