vue 如何在一个页面上调用另一个页面的方法

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

    import Vue from 'vue'
    export default new Vue
    
  2. 分别在两个页面引入该文件(注意路径)

    import Utils from '../../assets/js/util.js';
    
  3. 调用方代码:

    methods: {
        functionA() {
            Utils.$emit('demo','msg');
        }
    }
    
  4. 被调用方代码

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

    参考:https://cn.vuejs.org/v2/api/#vm-on

Logo

前往低代码交流专区

更多推荐