active-class 是 vue-router 模块的 router-link
组件的属性,当 router-link
标签被点击时将会应用这个样式。
- 单独在
router-link
标签上使用active-class
属性 -
<router-link to="/about" active-class="active">about</router-link>
最后,为您选中的链接设置样式:文章来源:https://www.toymoban.com/news/detail-668419.html
-
a.router-link-exact-active { color: plum; } .active { font-size: 16px; font-weight: bold; }
点击后,无论怎么刷新页面,样式效果都不会去掉,除非跳转到其他页面。。(这一点还挺不错)文章来源地址https://www.toymoban.com/news/detail-668419.html
到了这里,关于Vue Router active-class 属性的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!