结论:注意点击子路由的时候,给子路由添加router-link-active类时,父路由也有router-link-active类(这里就要谨慎默认路由的使用)

起因:在一个菜单列表,想要一点开页面就显示用户管理

经过:于是给这个用户管理组件的路由规则path设置的默认路由,并用vue自带的router-link-active类名写好了router-link标签选中的时样式

结果:点其他router-link标签时,用户管理栏依旧样式处于选中状态!!

原因猜测:是由于用的默认路由,router-link-active直接把默认路由当成母路由,那么点击子路由的时候,给子路由添加router-link-active类时,母路由也有router-link-active类。

解决办法:不使用默认路由(虽然能偷点懒),使用路由重定向!!方可解决了此问题

 

Logo

前往低代码交流专区

更多推荐