Vue默认路由的router-link-active类使用注意点
琢磨了好久的问题,终于解决了,泪目( Ĭ ^ Ĭ )
·
结论:注意点击子路由的时候,给子路由添加router-link-active类时,父路由也有router-link-active类(这里就要谨慎默认路由的使用)
起因:在一个菜单列表,想要一点开页面就显示用户管理
经过:于是给这个用户管理组件的路由规则path设置的默认路由,并用vue自带的router-link-active类名写好了router-link标签选中的时样式
结果:点其他router-link标签时,用户管理栏依旧样式处于选中状态!!
原因猜测:是由于用的默认路由,router-link-active直接把默认路由当成母路由,那么点击子路由的时候,给子路由添加router-link-active类时,母路由也有router-link-active类。
解决办法:不使用默认路由(虽然能偷点懒),使用路由重定向!!方可解决了此问题
更多推荐
已为社区贡献7条内容
所有评论(0)