vue router 怎么在li上绑定active class

Question

<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>

Answer 1

文档上明明有写啊

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

Answer 2

。。。难道和你在a上添加不一样吗？

Answer 3

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

<style>
.anchor {
  cursor: pointer;
}
</style>