vue v-for 里面的元素点击的时候 给这个元素增加上class 在点击 取消这个class

Question

点击的时候。 给这个div增加上class 然后在点击的去掉这个class 同级的点击不互相影响

Answer 1

e.target.classList.add('className')
//e.target.classList.remove('className')

Answer 2

v-for中的item添加一个属性class
changeClass{
    item.class = !item.class
}
<div :class="{item.class? 'activeClass':''}"></div>

Answer 3

• html如下

  <div class="Ohidden m-login-checkbox"   @click="toggleClass($event)">
            <p v-bind:class="{'f-btnActive':isActive}"></p>
            <p>记住密码</p>
          </div>

• js如下

<script type="text/ecmascript-6">
  export default {
    name: 'app',
    data(){
    return{
      isActive:false,
    }
    },
    methods:{
      //切换"记住密码"样式
      toggleClass(event){
       this.isActive=!this.isActive;
       }
     }