小程序diamante

jiangping

2023-10-26 627c3e0a6920131d75eafa4646db373ccc936546

 minipro_standard/uni_modules/uview-ui/libs/util/emitter.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,51 @@
/**
 * é€’归使用 call æ–¹å¼this指向
 * @param componentName // éœ€è¦æ‰¾çš„组件的名称
 * @param eventName // äº‹ä»¶åç§°
 * @param params // éœ€è¦ä¼ é€’的参数
 */
function broadcast(componentName, eventName, params) {
    // å¾ªçŽ¯å­èŠ‚点找到名称一样的子节点 å¦åˆ™ é€’å½’ å½“前子节点
    this.$children.map((child) => {
        if (componentName === child.$options.name) {
            child.$emit.apply(child, [eventName].concat(params))
        } else {
            broadcast.apply(child, [componentName, eventName].concat(params))
        }
    })
}
export default {
    methods: {
        /**
         * æ´¾å‘ (向上查找) (一个)
         * @param componentName // éœ€è¦æ‰¾çš„组件的名称
         * @param eventName // äº‹ä»¶åç§°
         * @param params // éœ€è¦ä¼ é€’的参数
         */
        dispatch(componentName, eventName, params) {
            let parent = this.$parent || this.$root// $parent æ‰¾åˆ°æœ€è¿‘的父节点 $root æ ¹èŠ‚点
            let { name } = parent.$options // èŽ·å–当前组件实例的name
            // å¦‚果当前有节点 && å½“前没名称 ä¸” å½“前名称等于需要传进来的名称的时候就去查找当前的节点
            // å¾ªçŽ¯å‡ºå½“前名称的一样的组件实例
            while (parent && (!name || name !== componentName)) {
                parent = parent.$parent
                if (parent) {
                    name = parent.$options.name
                }
            }
            // æœ‰èŠ‚点表示当前找到了name一样的实例
            if (parent) {
                parent.$emit.apply(parent, [eventName].concat(params))
            }
        },
        /**
         * å¹¿æ’­ (向下查找) (广播多个)
         * @param componentName // éœ€è¦æ‰¾çš„组件的名称
         * @param eventName // äº‹ä»¶åç§°
         * @param params // éœ€è¦ä¼ é€’的参数
         */
        broadcast(componentName, eventName, params) {
            broadcast.call(this, componentName, eventName, params)
        }
    }
}