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

javascript 添加和移除函数的通用方法

Oct 20 Javascript

TinyMCE 新增本地图片上传功能

Nov 05 Javascript

node.js中的fs.write方法使用说明

Dec 15 Javascript

javascript制作的简单注册模块表单验证

Apr 13 Javascript

JS+CSS实现类似QQ好友及黑名单效果的树型菜单

Sep 22 Javascript

js针对ip地址、子网掩码、网关的逻辑性判断

Jan 06 Javascript

整理JavaScript对DOM中各种类型的元素的常用操作

May 05 Javascript

js轮盘抽奖实例分析

Apr 17 Javascript

jquery easyui DataGrid简单示例

Jan 23 Javascript

微信小程序两种为对象属性赋值的方式详解

Feb 23 Javascript

element-ui 上传图片后清空图片显示的实例

Sep 04 Javascript

vue-cli 构建骨架屏的方法示例

Nov 08 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 access 数据连接与读取保存编辑数据的实现代码

2010/05/12 PHP

深入理解PHP之数组(遍历顺序) Laruence原创

2012/06/13 PHP

Thinkphp页面跳转设置跳转等待时间的操作

2019/10/16 PHP

HTML Dom与Css控制方法

2010/10/25 Javascript

使用jquery写个更改表格行顺序的小功能

2014/04/29 Javascript

node.js中的fs.realpathSync方法使用说明

2014/12/16 Javascript

jQuery学习笔记之创建DOM元素

2015/01/19 Javascript

JavaScript的RequireJS库入门指南

2015/07/01 Javascript

jQuery AJAX timeout 超时问题详解

2016/06/21 Javascript

全面解析node 表单的图片上传

2016/11/21 Javascript

JS制作类似选项卡切换的年历

2016/12/03 Javascript

jQuery基本筛选选择器实例代码

2017/02/06 Javascript

DOM事件探秘篇

2017/02/15 Javascript

Vue的轮播图组件实现方法

2018/03/03 Javascript

手把手教你用Node.js爬虫爬取网站数据的方法

2018/07/05 Javascript

Vue3 中的数据侦测的实现

2019/10/09 Javascript

解决vue elementUI中table里数字、字母、中文混合排序问题

2020/01/07 Javascript

详解vue父子组件状态同步的最佳方式

2020/09/10 Javascript

一则python3的简单爬虫代码

2014/05/26 Python

Python基于Tkinter的HelloWorld入门实例

2015/06/17 Python

Python实现的简单读写csv文件操作示例

2018/07/12 Python

Sanic框架安装与简单入门示例

2018/07/16 Python

Python基于scipy实现信号滤波功能

2019/05/08 Python

python隐藏类中属性的3种实现方法

2019/12/19 Python

浅析Python数字类型和字符串类型的内置方法

2019/12/22 Python

python输出第n个默尼森数的实现示例

2020/03/08 Python

浅析python实现动态规划背包问题

2020/12/31 Python

往来会计岗位职责

2013/12/19 职场文书

修理厂厂长岗位职责

2014/01/30 职场文书

高考备战决心书

2014/03/11 职场文书

迎国庆横幅标语

2014/10/08 职场文书

自我查摆剖析材料

2014/10/11 职场文书

社区党风廉政建设调研报告

2015/01/01 职场文书

宝葫芦的秘密观后感

2015/06/11 职场文书

Python Pandas pandas.read_sql函数实例用法

2021/06/21 Python

面试中老生常谈的MySQL问答集锦夯实基础

2022/03/13 MySQL