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

基于jquery的文字向上跑动类似跑马灯的效果

Sep 22 Javascript

javascript背景时钟实现方法

Jun 18 Javascript

AngularJS+Node.js实现在线聊天室

Aug 28 Javascript

基于node实现websocket协议

Apr 25 Javascript

Extjs4.0 ComboBox如何实现三级联动

May 11 Javascript

总结Node.js中的一些错误类型

Aug 15 Javascript

基于BootStrap与jQuery.validate实现表单提交校验功能

Dec 22 Javascript

Vue.js学习笔记之修饰符详解

Jul 25 Javascript

微信小程序实现图片压缩功能

Jan 26 Javascript

基于webpack-hot-middleware热加载相关错误的解决方法

Feb 22 Javascript

jQuery中的$是什么意思及 $. 和 $().的区别

Apr 20 jQuery

小程序清理本地缓存的方法

Aug 17 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

咖啡知识大全

2021/03/03 新手入门

Windows下的PHP5.0安装配制详解

2006/09/05 PHP

PHP生成RSS文件类实例

2014/12/05 PHP

PHP记录页面停留时间的方法

2016/03/30 PHP

php版微信开发Token验证失败或请求URL超时问题的解决方法

2016/09/23 PHP

浅析PHP中的闭包和匿名函数

2017/12/25 PHP

PHP实现QQ、微信和支付宝三合一收款码实例代码

2018/02/19 PHP

CSS中一些@规则的用法小结

2021/03/09 HTML / CSS

js一组验证函数

2008/12/20 Javascript

web性能优化之javascript性能调优

2012/12/28 Javascript

JS Attribute属性操作详解

2016/05/19 Javascript

webpack中CommonsChunkPlugin详细教程(小结)

2017/11/09 Javascript

JavaScript继承与多继承实例分析

2018/05/26 Javascript

NodeJs项目中关闭ESLint的方法

2018/08/09 NodeJs

使用NestJS开发Node.js应用的方法

2018/12/03 Javascript

JavaScript实现简单贪吃蛇效果

2020/03/09 Javascript

微信小程序实现电子签名并导出图片

2020/05/27 Javascript

jQuery实现简单评论区功能

2020/10/26 jQuery

[54:43]DOTA2-DPC中国联赛正赛 CDEC vs Dynasty BO3 第一场 2月22日

2021/03/11 DOTA

Python实现过滤单个Android程序日志脚本分享

2015/01/16 Python

Django中模型Model添加JSON类型字段的方法

2015/06/17 Python

对python 多线程中的守护线程与join的用法详解

2019/02/18 Python

150行Python代码实现带界面的数独游戏

2020/04/04 Python

HTML5调用手机摄像头拍照的实现思路及代码

2014/06/15 HTML / CSS

大学同学聚会邀请函

2014/01/19 职场文书

学习决心书范文

2014/03/11 职场文书

高中军训感言600字

2014/03/11 职场文书

保密承诺书范文

2014/03/27 职场文书

建筑安全责任书范本

2014/07/24 职场文书

扶贫办主任查摆“四风”问题个人对照检查材料思想汇报

2014/10/02 职场文书

大学生党员个人总结

2015/02/13 职场文书

毕业生党员个人总结

2015/02/14 职场文书

酒店前台辞职书

2015/02/26 职场文书

2015年毕业生个人自荐书

2015/03/24 职场文书

2016大学迎新晚会开场白

2015/11/24 职场文书

2016中秋晚会开幕词

2016/03/03 职场文书