Vue查找任意组件实例—findComponents

最新推荐文章于 2023-02-25 11:05:45 发布

liu__software

最新推荐文章于 2023-02-25 11:05:45 发布

阅读量2.2k

点赞数

分类专栏： vue 文章标签： vue

原文链接：https://blog.csdn.net/qq_27852041/article/details/87606622

版权

vue 专栏收录该内容

143 篇文章 12 订阅

订阅专栏

Vue找到任意组件实例—findComponents
它适用于以下场景：
· 由一个组件，向上找到最近的指定组件；
· 由一个组件，向上找到所有的指定组件；
· 由一个组件，向下找到最近的指定组件；
· 由一个组件，向下找到所有指定的组件；
· 由一个组件，找到指定组件的兄弟组件。

// 由一个组件，向上找到最近的指定组件
function findComponentUpward (context, componentName) {
let parent = context.$parent;
let name = parent.$options.name;

while (parent && (!name || [componentName].indexOf(name) < 0)) {
parent = parent.$parent;
if (parent) name = parent.$options.name;
}
return parent;
}
export { findComponentUpward };

有趣的代码就在代码秀
————————————————
版权声明：本文为CSDN博主「前站导航」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_27852041/article/details/87606622