如果有三级菜单这个是怎么进入遍历的啊?

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

五月一一

2020-10-05

图片描述

写回答

1回答

扬_灵

2020-10-05

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

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

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


0
2
扬_灵
回复
五月一一
如果子路由超过两个,会递归调用SidebarItem组件进行渲染,你可以看一下官方文档中的说明https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/router-and-nav.html#%E4%BE%A7%E8%BE%B9%E6%A0%8F
2020-10-06
共2条回复

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

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

2829 学习 · 1714 问题

查看课程