vue-router中的router-link如何判断当前是否激活
如类似下面的需求,应当如何实现
<router-link v-for="item in tabList" :to="{path: item.path}">
<span class="active">激活</span>
<span class="no-active">未激活</span>
</router-link>
我本想用v-if来实现,看官方文档没发现有这个参数可以用来判断。
注: 1. 除了用css, 我知道可以用.router-link-active .no-active { display: none}等来实现,但是不想这么做,因为如果有几个这样要判断的地方,岂不是每个部分都要好几个css来实现,太不优雅了
- 本来想用v-if来实现,如此即便是几个地方要判断,都用同一参数来v-if判断下就可以。不是更方便么。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
你可以在路由里存储name,this.$router.name就能取到路由的名字
可以这样写
好好看文档。。。。https://router.vuejs.org/zh-c...