码迷,mamicode.com
首页 > 其他好文 > 详细

Vue--点击改变样式

时间:2018-10-20 18:25:57      阅读:774      评论:0      收藏:0      [点我收藏+]

标签:border   例子   tom   out   add   col   get   --   link   

当某个链接或元素被选中时可以时,需要改变其颜色或状态,而stylus中提供&选择器,&指向父选择器,用于判断父元素达到某条件时改变状态,下面的例子中当父元素router-link有被选中(active)时,子元素改变颜色并加上下划线。

//html
<router-link tag="div" class="tab-item" to="/recommend">
   <span class="tab-link"></span>
</router-link>

//css
.tab-link
      padding-bottom: 5px
      color: #fff
&.router-link-active
  .tab-link
      color: #000
      border-bottom: 2px solid #000
原文链接:https://blog.csdn.net/tjzc1352640/article/details/78359863 

Vue--点击改变样式

标签:border   例子   tom   out   add   col   get   --   link   

原文地址:https://www.cnblogs.com/vinieo/p/9822310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!