欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vue 导航内容设置选中状态样式的例子

时间:2021-06-25 09:26:57|栏目:vue|点击:

如图所示,我们一般需要切换的时候选中导航给个active样式,

而router-link 标签 在选中的时候  会自动给整个标签添加一个 router-link-active的class

可给router-link 标签里面的span、i标签如下设置,非常简单,下面是stylus的写法,不需要的话也可以写成平时的css写法

.router-link-active
  span
  i
   color: red

上一篇:Vue组件通信的几种实现方法

栏    目:vue

下一篇:详解VueJs中的V-bind指令

本文标题:vue 导航内容设置选中状态样式的例子

本文地址:http://www.codeinn.net/misctech/147722.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有