似乎不添加额外class或id这种标识是无法实现功能的，但我在vue官网上看到这么一句话：“有时候我们要让 "激活时的CSS类名" 应用在外层元素，而不是 <a> 标签本身，那么可以用 <router-link> 渲染外层元素，包裹着内层的原生 <a> 标签”。
代码如下：
<router-link tag="span" :to="{ path: bar }" v-for="(bar, index) in title" :key="index"> <a> {{ bar }} </a> </router-link>
使用tag标签改变其渲染元素，包裹a标签。如此一来，.router-link-active添加span底边框，.router-link-active a 来改变字体颜色。
不需要使用额外标记也能完成样式需求。
以上这篇vue路由 遍历生成复数router-link的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: