vue eventBus使用

類似於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}`})
            });
        },
    }