vue3+ts实现横向的菜单栏+单独的左侧菜单栏?

58HD)UC%P@_PP@GE2$1R$RG.jpg
请问一下,这个功能如何封装一个组件,有没有代码或者思路?

阅读 2.8k
2 个回答

可以通过 getRoutes 来获取当前项目的路由表。

顶部的横向一级菜单只循环第一层路由项。左侧的菜单则通过 matched 或者其他方法来匹配一级路由项,然后再循环一级路由项目的 children 属性就好了。可以直接通过计算属性来处理动态的二级菜单。每次切换一级菜单之后就都会自动更新左侧的二级菜单了。

新手上路,请多包涵

先这样再那样,再这样,请参看vue-element-admin的layout嵌套和路由嵌套写法,里面还有动态路由的解决思路

推荐问题
logo
Microsoft
子站问答
访问
宣传栏