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");