编程 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 获取iframe里页面中元素值的方法

Feb 17 Javascript

firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误

Mar 01 Javascript

JS实现slide文字框缩放伸展效果代码

Nov 05 Javascript

AngularJS实现Model缓存的方式

Feb 03 Javascript

JS中取二维数组中最大值的方法汇总

Apr 17 Javascript

Node.js测试中的Mock文件系统详解

Nov 21 Javascript

巧用weui.topTips验证数据的实例

Apr 17 Javascript

jQuery实现输入框的放大和缩小功能示例

Jul 21 jQuery

react在安卓中输入框被手机键盘遮挡问题的解决方法

Sep 03 Javascript

微信小程序向Java后台传输参数的方法实现

Dec 10 Javascript

原生JavaScript实现购物车

Jan 10 Javascript

JavaScript实现前端网页版倒计时

Mar 24 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正则校验用户名介绍

2008/07/19 PHP

PHP版自动生成文章摘要

2008/07/23 PHP

php数据结构与算法(PHP描述) 查找与二分法查找

2012/06/21 PHP

PHP设计模式之结构模式的深入解析

2013/06/13 PHP

PHP使用PDO访问oracle数据库的步骤详解

2017/09/29 PHP

php适配器模式简单应用示例

2019/10/23 PHP

硬盘浏览程序，保存成网页格式便可使用

2006/12/03 Javascript

面向对象的javascript（笔记）

2009/10/06 Javascript

使用jQuery简化Ajax开发 Ajax开发入门

2009/10/14 Javascript

jQuery根据ID获取input、checkbox、radio、select的示例

2014/08/11 Javascript

jquery.cookie.js使用指南

2015/01/05 Javascript

javascript实现复选框超过限制即弹出警告框的方法

2015/02/25 Javascript

javascript操作select元素实例分析

2015/03/27 Javascript

javascript学习总结之js使用技巧

2015/09/02 Javascript

AngularJs $parse、$eval和$observe、$watch详解

2016/09/21 Javascript

jQuery实现的下雪动画效果示例【附源码下载】

2018/02/02 jQuery

vue2.0+ 从插件开发到npm发布的示例代码

2018/04/28 Javascript

记React connect的几种写法(小结)

2018/09/18 Javascript

VUE v-model表单数据双向绑定完整示例

2019/01/21 Javascript

详解JS判断页面是在手机端还是在PC端打开的方法

2019/04/26 Javascript

[03:04]DOTA2英雄基础教程影魔

2013/12/11 DOTA

pycharm debug功能实现跳到循环末尾的方法

2018/11/29 Python

python实现通过flask和前端进行数据收发

2019/08/22 Python

python实现宿舍管理系统

2019/11/22 Python

python3访问字典里的值实例方法

2020/11/18 Python

欧舒丹英国官网：购买欧舒丹护手霜等明星产品

2017/01/17 全球购物

数字漫画：comiXology

2020/06/13 全球购物

经典的毕业生自荐信范文

2014/04/14 职场文书

小学亲子活动总结

2014/07/01 职场文书

教师群众路线剖析材料

2014/09/29 职场文书

湖南省党的群众路线教育实践活动总结会议新闻稿

2014/10/21 职场文书

幼儿园见习报告

2014/10/30 职场文书

幼儿园老师个人总结

2015/02/28 职场文书

小区环境卫生倡议书

2015/04/29 职场文书

优秀志愿者感言

2015/08/01 职场文书

JavaScript选择器函数querySelector和querySelectorAll

2021/11/27 Javascript