vue 如何在一个页面上调用另一个页面的方法
vue 如何在一个页面上调用另一个页面的方法首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js)import Vue from 'vue'export default new Vue分别在两个页面引入该文件(注意路径)import Utils from '../../assets/js/util.js'
·
vue 如何在一个页面上调用另一个页面的方法
-
首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js)
import Vue from 'vue' export default new Vue
-
分别在两个页面引入该文件(注意路径)
import Utils from '../../assets/js/util.js';
-
调用方代码:
methods: { functionA() { Utils.$emit('demo','msg'); } }
-
被调用方代码
mounted(){ var that = this; Utils.$on('demo', function (msg) { console.log(msg); that.functionB(); }) }, methods: { functionB() { ... } }
参考:https://cn.vuejs.org/v2/api/#vm-on
更多推荐
已为社区贡献5条内容
所有评论(0)