关于vue路由切换总是默认添加一个class router-link-exact-active

Question

关于vue路由切换总是默认添加一个class router-link-exact-active
怎么去掉这个玩意

Answer 1

2个类解决方法，2种方法二选一

A:全局设置

export default new VueRouter({
    linkActiveClass: 'active',
    linkExactActiveClass: 'active',
    routes : [
        ... 省略
    ]
});

B.个体调整

<router-link :to="'home'" tag="li" active-class="active">标题</router-link>

Answer 2

应该是你开启了vue-router的exact模式。

看看文档，配置下props就清楚了。

文档链接：https://router.vuejs.org/zh-c...

Answer 3

去不掉~~~

有什么坏处吗？

Answer 4

楼主问题解决了吗？我也遇到了这样的问题。求解答

Answer 5

我的是激活出现了两个类 router-link-exact-active router-link-active

蛋疼

解决后再来回答