zoukankan      html  css  js  c++  java
  • Vue中跨页面调用方法

    在调用方法页面和被调用方法页面同时引入中间js,通过中间js来进行方法调用
    将中间js命名为MiddleUtil.js,代码为

    import Vue from 'vue';
    Export default new Vue;
    被调用方法页面代码

    <scripts>
    import MiddleUtil from '../util/MiddleUtil';
    export default {
    data() {
    return {
    property1: ''
    }
    }
    methods: {
    methodB(data) {
    if (data) this.property1 = data;
    }
    }
    mounted: {
    let _this = this;
    MiddleUtil.$on('methodB',(data)=> {
    _this.methodB(data);
    })
    }
    }
    </scripts>
    调用方法页面代码

    <scripts>
    import MiddleUtil from '../util/MiddleUtil';
    export default {
    methods: {
    methodA() {
    let data = {
    a: '嘿嘿',
    b: '哈哈'
    }
    MiddleUtil.$emit('methodB',data);
    }
    }
    }
    </scripts>

  • 相关阅读:
    Canvas 绘画
    h5内容初探
    border&background1
    css3选择器补充
    bootstrap
    css3文本和颜色
    css3边框与背景
    css3选择器
    jQuery之dom操作(取赋值方法)
    push.default
  • 原文地址:https://www.cnblogs.com/hurenjie/p/14784838.html
Copyright © 2011-2022 走看看