while的一次使用--有关路由面包屑

原创于 2022-03-18 10:04:17 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

element 专栏收录该内容

104 篇文章

订阅专栏

本文探讨了在前端开发中如何处理路由面包屑点击问题，特别是当涉及一级、二级甚至三级菜单时。通过示例代码展示了如何获取当前选中菜单对应的路由路径，并递归构造完整路径，实现页面的正确跳转。

路由面包屑点击一级二级 3级跳转问题

 const firstRouter = this.$router.options.routes.find(x => x.name === levelList[0].name)
      let path = ''
 
      if (!item.parent) {  // 点击一级菜单
       
        path = firstRouter.path
        let children = firstRouter.children
        while (children && children.length > 0) {
          path += '/' + children[0].path
          children = children[0].children
        }
     
      }