vue.js - VueJS 精确事件类

Question

我有一个使用 Router-link 的菜单，我想在激活 Router-link 时将类“Active”放在“li”上。

<ul class="nav nav-second-level">
    <li v-for="item in menu">
        <router-link :to="{ name: somewhere }" tag="a" exact-active-class="IS-ACTIVATED">
            {{Name}}
        </router-link>
    </li>
</ul>

有没有办法使用“exact-active-class”将一个类设置为父类？

谢谢!

Answer 1

您可以使用 v-if检查你在哪条路线，如果 $route.name 则添加类(class)是somewhere

<ul class="nav nav-second-level">
     <li v-for="item in menu" :class="{ 'IS-ACTIVATED': $route.name === somewhere }">
         <router-link :to="{ name: somewhere }">
             {{Name}}
         </router-link>
     </li>
 </ul>