vue中点击添加class，双击去掉class

VUE中

html 中

<ul id="shoppingList" v-on:click="addClass($event)" class="iview-admin-draggable-list">

　　<li></li>

</ul>

点击li时

js如下

addClass:function(e){

　　console.log(e.target);

　　if(e.target.parentNode.className=="iview-admin-draggable-list"){

　　　　e.target.classList.toggle("deleSign");

　　}

}

$event表示的是你点击的元素，不是你事件绑定的元素，事件触发默认是冒泡机制

$event中无addClass事件，但可以用$event.target.classList.add事件代替

双击事件的话就是 e.target.classList.toggle("deleSign");

 

 

 

 

更多专业前端知识，请上 【猿2048】www.mk2048.com