Vue中如何处理二级路由嵌套及高亮显示问题？

本文共计659个文字，预计阅读时间需要3分钟。

第一层路由我在app.vue中编写。如图所示：

+ footer.vue+ 二级路由是这样配置的： + index.js中的配置： + 效果图： + 效果出来了，但又出现新问题，点击二级路由时，默认的二极路由高亮不显示。

第一层路由我写在app.vue里面。如图所示：

footer.vue：

二级路由是这样：

index.js里面的配置：

效果图：

效果出来了，又出现新的问题，就是点击二级路由的时候，默认的二级路由高亮不会去掉，如图所示：

在网上看到别人用exact方法，即在默认的二级路由里面加上exact，如图所示：

补充知识：vue - 子路由-路由嵌套

描述：子路由，也叫路由嵌套，采用在children后跟路由数组来实现，数组里和其他配置路由基本相同，需要配置path和component，然后在相应部分添加<router-view/>来展现子页面信息，相当于嵌入iframe。