我有一个使用 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”将类设置为父类?
Thanks!
您可以使用v-if
检查您所在的路线并添加班级,如果$route.name
is 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)