编程 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 相关文章推荐

Wordpress ThickBox 点击图片显示下一张图的修改方法

Dec 11 Javascript

JavaScript实现简单图片滚动附源码下载

Jun 17 Javascript

浅析javascript中函数声明和函数表达式的区别

Feb 15 Javascript

理解js回收机制通俗易懂版

Feb 29 Javascript

用js实现简单算法的实例代码

Sep 24 Javascript

require.js 加载 vue组件 r.js 合并压缩的实例

Oct 14 Javascript

微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例

Nov 22 Javascript

利用ES6的Promise.all实现至少请求多长时间的实例

Aug 28 Javascript

vue中如何使用ztree

Feb 06 Javascript

微信小程序实现文件、图片上传功能

Aug 18 Javascript

JavaScript实现京东放大镜效果

Dec 03 Javascript

VSCode 配置uni-app的方法

Jul 11 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

PHP和Mysqlweb应用开发核心技术－第1部分 Php基础－2 php语言介绍

2011/07/03 PHP

php截取html字符串及自动补全html标签的方法

2015/01/15 PHP

非常全面的php日期时间运算汇总

2015/11/04 PHP

CodeIgniter视图使用注意事项

2016/01/20 PHP

php下载文件,添加响应头的简单实例

2016/09/22 PHP

PHP解决高并发的优化方案实例

2020/12/10 PHP

jQuery简单tab切换效果实现方法

2015/04/08 Javascript

JavaScript中getUTCSeconds()方法的使用详解

2015/06/11 Javascript

JS iFrame加载慢怎么解决

2016/05/13 Javascript

解析预加载显示图片艺术

2016/12/05 Javascript

jquery操作select取值赋值与设置选中实例

2017/02/28 Javascript

Node.js 8 中的重要新特性

2017/06/28 Javascript

基于模板引擎Jade的应用(详解)

2017/12/12 Javascript

详解JavaScript 中 if / if...else...替换方式

2018/07/15 Javascript

Vue3.0数据响应式原理详解

2019/10/09 Javascript

原生JS实现拖拽功能

2020/12/16 Javascript

[04:03]DOTA2肉山黑名单梦之声风暴之灵中文配音鉴赏

2013/07/03 DOTA

[05:11]TI9战队采访——VIRTUSPRO

2019/08/22 DOTA

Python中的深拷贝和浅拷贝详解

2015/06/03 Python

Python设计模式中单例模式的实现及在Tornado中的应用

2016/03/02 Python

Python爬虫：通过关键字爬取百度图片

2017/02/17 Python

Python3使用PySynth制作音乐的方法

2019/09/09 Python

python 控制台单行刷新,多行刷新实例

2020/02/19 Python

python实现IOU计算案例

2020/04/12 Python

python如何写个俄罗斯方块

2020/11/06 Python

实例教程纯CSS3打造非常炫的加载动画效果

2014/11/05 HTML / CSS

HTML5中在title标题标签里设置小图标的方法

2020/06/23 HTML / CSS

北美大型运动类产品商城：Champs Sports

2017/01/12 全球购物

生产部岗位职责范文

2014/02/07 职场文书

生物制药专业自我鉴定

2014/02/19 职场文书

秸秆管理实施方案

2014/03/15 职场文书

学习交流会主持词

2014/04/01 职场文书

男方婚礼答谢词

2015/01/20 职场文书

护士个人总结范文

2015/02/13 职场文书

2015年财务部工作总结

2015/04/10 职场文书

西游降魔篇观后感

2015/06/15 职场文书