Sidebar循环嵌套

来源：8-11 sidebar-item 组件源码分析

CHN777

2020-06-30

老师我实在是没看到循环嵌套是如何实现的，我的理解是有个迭代的过程，但是我没看到这个过程，请指教一下谢谢

写回答

1回答

扬_灵

2020-07-01

同学你好，这个渲染的过程是这样的首先从siderbar组件下的index.vue中将存储在vuex中的路由信息通过循环渲染的方式传递给了SidebarItem组件中，SidebarItem组件会先判断如果下面的这个条件满足就进行渲染，

v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow"

如果子路由的数量会超过两个，上面的条件就不满足，这时就会迭代调用SidebarItem组件进行渲染，如果不能解决你的问题，可以继续追问。

CHN777

谢谢了，昨天代码看漏了，下面还有一段。这种设计的确巧妙，谢谢了！

2020-07-01

共1条回复

Vue Element+Node.js开发企业通用管理后台系统

基于Element的中后台课程，一套中小型企业通用的后台管理系统

2829 学习 · 1714 问题

相似问题

回答 1

回答 1

回答 2

回答 2

回答 1