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

js本身的局限性别让javascript做太多事

Mar 23 Javascript

jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误

Jan 11 Javascript

js实现仿百度汽车频道选择汽车图片展示实例

May 06 Javascript

jQuery简单获取键盘事件的方法

Jan 22 Javascript

JS上传组件FileUpload自定义模板的使用方法

May 10 Javascript

AngularJS equal比较对象实例详解

Sep 14 Javascript

fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法

Mar 24 Javascript

ES6中class类用法实例浅析

Apr 06 Javascript

详解keep-alive + vuex 让缓存的页面灵活起来

Apr 19 Javascript

javascript设计模式 ? 策略模式原理与用法实例分析

Apr 21 Javascript

javascript中导出与导入实现模块化管理教程

Dec 03 Javascript

vue+vant 上传图片需要注意的地方

Jan 03 Vue.js

解决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实现使用PHP数组内部指针操作函数

2010/10/12 PHP

使用JSON实现数据的跨域传输的php代码

2011/12/20 PHP

PHP解析html类库simple_html_dom的转码bug

2014/05/22 PHP

仿迅雷焦点广告效果(JQuery版)

2008/11/19 Javascript

一段批量给页面上的控件赋值js

2010/06/19 Javascript

Javascript让DEDECMS告别手写Tag

2014/09/01 Javascript

javascript中HTMLDOM操作详解

2014/12/11 Javascript

c#程序员对TypeScript的认识过程

2015/06/19 Javascript

用svg制作富有动态的tooltip

2015/07/17 Javascript

AngularJS教程之MVC体系结构详解

2016/08/16 Javascript

JS常用倒计时代码实例总结

2017/02/07 Javascript

Centos6.8下Node.js安装教程

2017/05/12 Javascript

全面介绍vue 全家桶和项目实例

2017/12/27 Javascript

vue自定义全局组件(自定义插件)的用法

2018/01/30 Javascript

浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)

2018/10/08 Javascript

JavaScript对象原型链原理详解

2020/02/05 Javascript

[01:13:51]TNC vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/19 DOTA

Python读取图片EXIF信息类库介绍和使用实例

2014/07/10 Python

在Mac OS系统上安装Python的Pillow库的教程

2015/11/20 Python

Django 导出 Excel 代码的实例详解

2017/08/11 Python

Django高级编程之自定义Field实现多语言

2019/07/02 Python

Python 实现黑客帝国中的字符雨的示例代码

2020/02/20 Python

python 匿名函数与三元运算学习笔记

2020/10/23 Python

详解Canvas事件绑定

2018/06/27 HTML / CSS

美国紧身牛仔裤品牌：NYDJ

2017/05/24 全球购物

英国文胸专家：AmpleBosom.com

2018/02/06 全球购物

init进程的作用

2015/08/20 面试题

通信工程专业个人找工作求职信范文

2013/09/21 职场文书

关于毕业的中学校园广播稿

2014/01/26 职场文书

网络编辑岗位职责范本

2014/02/10 职场文书

拔河比赛口号

2014/06/10 职场文书

低碳日宣传活动总结

2014/07/09 职场文书

2014年“四风”问题个人整改措施

2014/09/17 职场文书

2016年优秀教师先进事迹材料

2016/02/26 职场文书

公司年会晚会开幕词

2019/04/02 职场文书

2019年手机市场的调研报告2篇

2019/10/10 职场文书