重写vue1.X的broadcast和dispatch方法(ElementUI)

function broadcast(componentName, eventName, params) {
    this.$children.forEach(child => {
        var name = child.$options._componentTag;

        if (name === componentName) {
            child.$emit.apply(child, [eventName].concat(params));
        } else {
            broadcast.apply(child, [componentName, eventName].concat([params]));
        }
    });
}
export default {
    methods: {
        dispatch(componentName, eventName, params) {
            debugger
            var parent = this.$parent || this.$root;
            var name = parent.$options._componentTag;

            while (parent && (!name || name !== componentName)) {
                parent = parent.$parent;

                if (parent) {
                    name = parent.$options._componentTag;
                }
            }
            if (parent) {
                parent.$emit.apply(parent, [eventName].concat(params));
            }
        },
        broadcast(componentName, eventName, params) {
            broadcast.call(this, componentName, eventName, params);
        }
    }
};

  

posted @ 2018-04-03 19:04  rrranmo  阅读(225)  评论(0编辑  收藏  举报