首页 > 其他 > 详细

使用vue实现给当前节点添加样式给兄弟节点移除样式

时间:2020-08-14 15:23:27      阅读:296      评论:0      收藏:0      [点我收藏+]

我们知道使用jquery很容易做到给当前样式添加指定class,给兄弟节点移除class,但是使用vue该如何做呢?
其实也非常简单,例如给点击id为week的div,为其添加样式c_active:
<div v-for= "(item,index) in data" :key = "index">
  <div  :class="{c_active: index == active}" @click="changeClass(index)"  id="week">

</div>

new Vue({

  data: {
    week: [‘星期一‘,‘星期二‘,‘星期三,‘星期四‘,‘星期五‘,‘星期六‘,‘星期日‘],

    active: 0//默认第一个元素添加c_active

  },

  methods: {
    changeClass(index) {
      this.active = index; 
    }
  }

})

使用vue实现给当前节点添加样式给兄弟节点移除样式

原文:https://www.cnblogs.com/keepdo/p/13502102.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!