码迷,mamicode.com
首页 > 其他好文 > 详细

vue eventBus使用

时间:2019-04-25 11:48:51      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:保存数据   def   call   from   default   fun   方法   function   com   

类似于iframe之间的possMessage方式传参

1、eventBus.js文件

//用于兄弟组件通信
import Vue from ‘vue‘;
export default new Vue();

 

2、页面开启监控

import Bus from ‘../../../eventBus.js‘

mounted(){
        //被调用方法,先保存数据,在回调方法
        var _this = this;
        Bus.$off(‘ComputeSubStep‘);
        Bus.$on(‘ComputeSubStep‘, function (callback) {
            _this.DefaultDataCommon(function () {
                if (typeof callback == "function") {
                    callback();
                }
            });
        });
},

 

3、其他页面调用

    methods: {
     //页面转被跳转,调用兄弟组件方法  ComputeStep(expoolid, exid, index){
var _this = this; Bus.$emit(‘ComputeSubStep‘, function () { _this.$router.push({path: `/ComputeStep/${expoolid}/${exid}/${index}`}) }); }, }

 

vue eventBus使用

标签:保存数据   def   call   from   default   fun   方法   function   com   

原文地址:https://www.cnblogs.com/sanqianjin/p/10767380.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!