Vue中如何实现二级路由嵌套及二级路由高亮显示功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计659个文字，预计阅读时间需要3分钟。
第一层路由我写在app.vue中。如图所示：
+ footer.vue+ 二级路由是这样配置的：index.js中的配置+ 效果图+ 效果出来了，但出现了新的问题，点击二级路由时，默认的二级路由高亮不显示。
第一层路由我写在app.vue里面。如图所示：
footer.vue：
二级路由是这样：
index.js里面的配置：
效果图：
效果出来了，又出现新的问题，就是点击二级路由的时候，默认的二级路由高亮不会去掉，如图所示：
在网上看到别人用exact方法，即在默认的二级路由里面加上exact，如图所示：
补充知识：vue - 子路由-路由嵌套
描述：子路由，也叫路由嵌套，采用在children后跟路由数组来实现，数组里和其他配置路由基本相同，需要配置path和component，然后在相应部分添加<router-view/>来展现子页面信息，相当于嵌入iframe。
本文共计659个文字，预计阅读时间需要3分钟。
第一层路由我写在app.vue中。如图所示：
+ footer.vue+ 二级路由是这样配置的：index.js中的配置+ 效果图+ 效果出来了，但出现了新的问题，点击二级路由时，默认的二级路由高亮不显示。
第一层路由我写在app.vue里面。如图所示：
footer.vue：
二级路由是这样：
index.js里面的配置：
效果图：
效果出来了，又出现新的问题，就是点击二级路由的时候，默认的二级路由高亮不会去掉，如图所示：
在网上看到别人用exact方法，即在默认的二级路由里面加上exact，如图所示：
补充知识：vue - 子路由-路由嵌套
描述：子路由，也叫路由嵌套，采用在children后跟路由数组来实现，数组里和其他配置路由基本相同，需要配置path和component，然后在相应部分添加<router-view/>来展现子页面信息，相当于嵌入iframe。