编程 Javascript

vue 导航内容设置选中状态样式的例子

Posted in Javascript onNovember 01, 2019

如图所示，我们一般需要切换的时候选中导航给个active样式，

而router-link 标签在选中的时候会自动给整个标签添加一个 router-link-active的class

vue 导航内容设置选中状态样式的例子

可给router-link 标签里面的span、i标签如下设置，非常简单，下面是stylus的写法，不需要的话也可以写成平时的css写法

.router-link-active
  span
  i
   color: red

以上这篇vue 导航内容设置选中状态样式的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

vue 导航内容设置选中状态样式的例子

- Author -

Web攻城狮-前端

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

脚本收藏iframe

Jul 21 Javascript

AutoSave/自动存储功能实现

Mar 24 Javascript

jquery 分页控件实现代码

Nov 30 Javascript

jQuery UI Dialog 创建友好的弹出对话框实现代码

Apr 12 Javascript

对jQuery的事件绑定的一些思考(补充)

Apr 20 Javascript

javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等

May 08 Javascript

js判断某个方法是否存在实例代码

Jan 10 Javascript

bootstrapfileinput实现文件自动上传

Nov 08 Javascript

浅谈Angular文字折叠展开组件的原理分析

Nov 24 Javascript

微信小程序如何使用云开发

May 17 Javascript

在React中写一个Animation组件为组件进入和离开加上动画/过度效果

Jun 24 Javascript

利用d3.js制作连线动画图与编辑器的方法实例

Sep 05 Javascript

解决vue-router 二级导航默认选中某一选项的问题

Nov 01 #Javascript

微信js-sdk 录音功能的示例代码

Nov 01 #Javascript

使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码

Nov 01 #Javascript

vue实现计步器功能

Nov 01 #Javascript

详解小程序如何改变onLoad的执行时机

Nov 01 #Javascript

js canvas实现星空连线背景特效

Nov 01 #Javascript

jQuery鼠标滑过横向时间轴样式(代码详解)

Nov 01 #jQuery

You might like

关于crontab的使用详解

2013/06/24 PHP

PHP缩略图生成和图片水印制作

2017/01/07 PHP

PHP设计模式之状态模式定义与用法详解

2018/04/02 PHP

php和redis实现秒杀活动的流程

2019/07/17 PHP

javascript跨域的4种方法和原理详解

2014/04/08 Javascript

JQuery选中checkbox方法代码实例（全选、反选、全不选）

2015/04/27 Javascript

avalonjs实现仿微博的图片拖动特效

2015/05/06 Javascript

js实现文本框支持加减运算的方法

2015/08/19 Javascript

JavaScript编程中window的location与history对象详解

2015/10/26 Javascript

基于jQuery实现仿51job城市选择功能实例代码

2016/03/02 Javascript

如何使用AngularJs打造权限管理系统【简易型】

2016/05/09 Javascript

jQuery移动端图片上传组件

2016/06/12 Javascript

基于jQuery制作小图标上下滑动特效

2017/01/18 Javascript

Jquery获取radio选中的值

2017/05/05 jQuery

vue裁切预览组件功能的实现步骤

2018/05/04 Javascript

vue实现word，pdf文件的导出功能

2018/07/31 Javascript

JavaScript中arguments和this对象用法分析

2018/08/08 Javascript

微信小程序授权登录及解密unionId出错的方法

2018/09/26 Javascript

iphone刘海屏页面适配方法

2019/05/07 Javascript

arctext.js实现文字平滑弯曲弧形效果的插件

2019/05/13 Javascript

js计算最大公约数和最小公倍数代码实例

2019/09/11 Javascript

JS实现点餐自动选择框(案例分析)

2019/12/10 Javascript

详解JavaScript中的this指向问题

2021/02/05 Javascript

[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛

2014/05/26 DOTA

python 实现插入排序算法

2012/06/05 Python

python实现在字符串中查找子字符串的方法

2015/07/11 Python

Python实现好友全头像的拼接实例(推荐)

2017/06/24 Python

python时间日期函数与利用pandas进行时间序列处理详解

2018/03/13 Python

Python openpyxl 遍历所有sheet 查找特定字符串的方法

2018/12/10 Python

Anaconda+Pycharm环境下的PyTorch配置方法

2020/03/13 Python

Python绘制动态水球图过程详解

2020/06/03 Python

Python通过kerberos安全认证操作kafka方式

2020/06/06 Python

详解python百行有效代码实现汉诺塔小游戏(简约版)

2020/10/30 Python

总经理岗位职责范本

2014/02/02 职场文书

群众路线教育实践活动对照检查材料

2014/09/22 职场文书

2019邀请函格式及范文

2019/05/20 职场文书