vue中使用公共实例组件之间传递数据 $on 多次触发

2018-10-03 18:49

椰子皮

2910

Vue

这是两个兄弟组件之间的通信，但是现在每切换一次路由，就多调用一次 $on的回调函数，$ emit 传递数据 $on接受一次就多一次

怎么销毁$emit中特定的数据

$emit：

复制代码

methods: {

        getAsideSubNav(id, subId) {
            App.$emit('Adp_aside_getSubNav', { 'id': id, 'subId': subId }); //派发事件

        }

  }

$on：

复制代码

created() {
            App.$off('Adp_aside_getSubNav');
            App.$on('Adp_aside_getSubNav', (res) => {
                this.subNavList = [];
                baseData.sysmenu.forEach((node, index) => {
                    if (res.subId == -1 && res.id == node.subsetID) {

                        this.subNavList.push(node);

                    }
                    else {
                        if (node.moduleID == res.id) {
                            this.subNavList.push(node);

                        }

                    }
                });
                console.log("created");
            });

        },

解决方案：

在created钩子函数中，App. $on前面，调用App.$ off解绑事件。

赏

支付宝微信

关注公众号获取更多内容

vue中 使用公共实例 组件之间传递数据 $on 多次触发

vue中使用公共实例组件之间传递数据 $on 多次触发