鍍金池/ 問答/HTML/ vue v-for 里面的元素點(diǎn)擊的時(shí)候 給這個(gè)元素增加上class 在點(diǎn)擊 取

vue v-for 里面的元素點(diǎn)擊的時(shí)候 給這個(gè)元素增加上class 在點(diǎn)擊 取消這個(gè)class

clipboard.png

點(diǎn)擊的時(shí)候。 給這個(gè)div增加上class 然后在點(diǎn)擊的去掉這個(gè)class 同級(jí)的點(diǎn)擊不互相影響

回答
編輯回答
焚音
e.target.classList.add('className')
//e.target.classList.remove('className')
2017年6月25日 19:28
編輯回答
純妹
v-for中的item添加一個(gè)屬性class
changeClass{
    item.class = !item.class
}
<div :class="{item.class? 'activeClass':''}"></div>
2017年1月21日 18:13
編輯回答
愛礙唉
  • 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;
       }
     }
2017年3月24日 19:07