vue.js - vue-router的问题,二级路由,以及路由同时存在产生的问题

查看:105
本文介绍了vue.js - vue-router的问题,二级路由,以及路由同时存在产生的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

当进入一个页面的时候footer上的订单路由激活,是这个样子的

但是当点击二级路由 全部订单,或者带评价时,footer上面的订单背景就去掉了

我想达到的效果就是 当点击全部订单或者待评价的时候,下面的footer订单的背景还是红的 是激活状态,
现在找到的问题就是当点击全部订单之后router-link-active给了二级路由,这里是不是可以吧全部订单或者待评价的二级路由替换掉,但是怎么操作,换成什么就不知道了 ,求大神解惑。

解决方案

router-link

exact 属性
"是否激活" 默认类名的依据是 inclusive match (全包含匹配)。 举个例子,如果当前的路径是 /a 开头的,那么 <router-link to="/a"> 也会被设置 CSS 类名。

示例

这篇关于vue.js - vue-router的问题,二级路由,以及路由同时存在产生的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆