第一层路由我写在app.vue里面。如图所示：
footer.vue：
二级路由是这样：
index.js里面的配置：
效果图：
效果出来了，又出现新的问题，就是点击二级路由的时候，默认的二级路由高亮不会去掉，如图所示：
在网上看到别人用exact方法，即在默认的二级路由里面加上exact，如图所示：
本文探讨了在Vue中实现二级路由嵌套的过程，并遇到的二级路由高亮问题。通过在app.vue中配置一级路由，在footer.vue中设置二级路由，以及在index.js中的路由配置，实现了路由结构。然而，点击二级路由时，默认二级路由的高亮无法消除。为解决此问题，尝试使用exact属性来精确匹配路由，从而确保默认路由在选择其他二级路由时能正确取消高亮。
最低0.47元/天 解锁文章
扫一扫
1442
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
