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

多个iframe自动调整大小的问题

Sep 18 Javascript

IE和FireFox(FF)中js和css的不同

Apr 13 Javascript

jQuery使用一个按钮控制图片的伸缩实现思路

Apr 19 Javascript

JS判断文本框内容改变事件的简单实例

Mar 07 Javascript

JavaScript lastIndexOf方法入门实例（计算指定字符在字符串中最后一次出现的位置）

Oct 17 Javascript

jquery比较简洁的软键盘特效实现方法

Mar 19 Javascript

js实现固定显示区域内自动缩放图片的方法

Jul 18 Javascript

jqueryMobile使用示例分享

Jan 12 Javascript

vue动态路由实现多级嵌套面包屑的思路与方法

Aug 16 Javascript

三步实现ionic3点击退出app程序

Sep 17 Javascript

js+canvas实现两张图片合并成一张图片的方法

Nov 01 Javascript

vue中this.$http.post()跨域和请求参数丢失的解决

Apr 08 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面向对象分析设计的经验原则

2008/09/20 PHP

不要轻信 PHP_SELF的安全问题

2009/09/05 PHP

解析php中用PHPMailer来发送邮件的示例(126.com的例子)

2013/06/24 PHP

PHP判断IP并转跳到相应城市分站的方法

2015/03/25 PHP

js获取图片长和宽度的代码

2009/11/24 Javascript

JavaScript几种形式的树结构菜单

2010/05/10 Javascript

JavaScript版DateAdd和DateDiff函数代码

2012/03/01 Javascript

jquery入门—选择器实现隔行变色实例代码

2013/01/04 Javascript

js判断滚动条是否已到页面最底部或顶部实例

2014/11/20 Javascript

jquery实现图片水平滚动效果代码分享

2015/08/26 Javascript

JS简单限制textarea内输入字符数量的方法

2015/10/14 Javascript

基于JavaScript实现回到页面顶部动画代码

2016/05/24 Javascript

ES6新特性之变量和字符串用法示例

2017/04/01 Javascript

JS简单判断字符在另一个字符串中出现次数的2种常用方法

2017/04/20 Javascript

利用JS实现一个同Excel表现的智能填充算法

2018/08/13 Javascript

vue.js中toast用法及使用toast弹框的实例代码

2018/08/27 Javascript

React 组件中的 bind(this)示例代码

2018/09/16 Javascript

基于Vue.js与WordPress Rest API构建单页应用详解

2019/09/16 Javascript

python基础教程之元组操作使用详解

2014/03/25 Python

python中virtualenvwrapper安装与使用

2018/05/20 Python

python安装virtualenv虚拟环境步骤图文详解

2019/09/18 Python

Node.js 和 Python之间该选择哪个？

2020/08/05 Python

Snapfish英国：在线照片打印和个性化照片礼品

2017/01/13 全球购物

大学生四个方面的自我评价

2013/09/19 职场文书

学校门卫工作职责

2013/12/07 职场文书

运动会广播稿200米

2014/01/27 职场文书

大学理论知识学习自我鉴定

2014/04/28 职场文书

我们的节日重阳节活动总结

2015/03/24 职场文书

文明旅游倡议书

2015/04/28 职场文书

2015年乡镇流动人口工作总结

2015/05/12 职场文书

行为习惯主题班会

2015/08/14 职场文书

写自招自荐信的绝招!

2019/04/19 职场文书

golang中字符串MD5生成方式总结

2021/07/04 Golang

JVM钩子函数的使用场景详解

2021/08/23 Java/Android

淡雅古典唯美少女娇媚宁静迷人写真

2022/03/21 杂记

Python中 range | np.arange | np.linspace三者的区别

2022/03/22 Python