当前位置: 首页 > news >正文

Vue Router active-class 属性

active-class 是 vue-router 模块的 router-link 组件的属性,当 router-link 标签被点击时将会应用这个样式。

单独在 router-link 标签上使用 active-class 属性
<router-link to="/about" active-class="active">about</router-link>

为您选中的链接设置样式:

a.router-link-exact-active {color: plum;
}.active {font-size: 16px;font-weight: bold;
}

点击后,无论怎么刷新页面,样式效果都不会去掉,除非跳转到其他页面。(这一点还挺不错)

http://www.lryc.cn/news/227148.html

相关文章:

  • Error creating bean with name ‘apiModelSpecificationReader‘ defined in URL
  • CS224W6.2——深度学习基础
  • Linux c/c++服务器开发实践
  • 2023年11月在线IDE流行度最新排名
  • 视频批量剪辑:视频嵌套合并实战指南,剪辑高手速成秘籍
  • 每天一点python——day66
  • 搭建产品帮助中心其实很简单,方法都在这了!
  • (离散数学)命题及命题的真值
  • 计算机组成原理之处理器(流水线)
  • 国际阿里云:云服务器灾备方案!!!
  • 计算机msvcp140.dll重新安装的四个解决方法,专门解决dll文件丢失问题的方法
  • 提莫的idea的bug是真滴多
  • STM32笔记—EXTI外部中断
  • 小程序分享当前页面
  • 10. GPIO中断
  • 【离散数学必刷题】谓词逻辑(第二章 左孝凌版)刷完包过!
  • SpringBoot系列-2 自动装配
  • vue3+ts 前端实现打印功能
  • egg.js sequelize数据库操作配置
  • vagrant安装k8s集群
  • ArcGIS进阶:水源涵养功能分级评价操作
  • 数据结构与算法 | 第四章:字符串
  • 2023-11-rust-struct
  • Docker容器编排
  • 计算机中丢失mfc140u.dll怎么解决
  • postman设置动态token, 每次登录更新token
  • 架构师范文(AI写作)两篇
  • 基于SSM的电子病历系统
  • 一次sougo workflow库的使用过程
  • macOS Big Sur(macos11版本)