.Router-link-Active在VUE CSS中不起作用

Question

我有一个vue元素，看起来或多或少像这样

<template>
    <header>
        <nav>
            <router-link to="/somewhere">Test123</router-link>
        </nav>
    </header>
</template>
<style scoped>
    nav .router-link-active {
        color: white;
    }
</style>

，但它并没有使路由器链接(a(彩色白色。我已经尝试查看Chrome Inspector，但并没有表明它具有类。链接活性。我该如何解决？为什么会发生？

Answer 1

scoped属性使样式受到约束。样式仅适用于您的组件，不会泄漏到儿童组件中。

基本上，Scoped使其(Nomen emen(SS代替CSS。只是样式表，而无需级联。

您可以从样式声明中删除范围的范围，也可以为整个应用程序的所有活动路由器链接定义一些通用的顶级样式。