javascript - vue router 怎么在li上绑定active class

问题描述

问 题

<li><a v-link="{ path: '/a', activeClass: 'custom-active-class' }"></a></li>

官方文档只写了在a标签上绑定active class， 怎么在li上绑定？

因为bootstrap nav 的active样式是绑在li上的

<ul class="nav navbar-nav"><li class="active"><a href="#">Link</a></li><li><a href="#">Link</a></li> </ul>

解决方案

文档上明明有写啊

<ul>
  <li v-link-active>
    <a v-link="{ path: '/xxx' }">Go</a>
  </li>
</ul>

这篇关于javascript - vue router 怎么在li上绑定active class的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！