<li v-for="(item, index) in list" :key="index" @click="getCurrentItem($event,item)">
<span>{{item.name}}</span>
<i class="icon" :class="item.icon"></i>
<i class="icon iconqiyong"></i>
</li>
//节点操作
getCurrentItem(e,val){
if(e.currentTarget.classList.contains('tags')){
e.currentTarget.classList.remove('tags')
}else{
e.currentTarget.classList.add('tags')
}
}
var a = document.getElementBy(“DIV”);
1.使用classList返回所选元素的类名,是一个数组,一个类名占一个长度(a.classList.length)。
2.a.classList.add(“classname1”) ; 添加一个类名
3.a.classList.remove(“classname2”) ; 去掉一个类名
4.a.classLis.toggle(“classname3”); 引号中的类名,有就删除,没有就添加。比较智能的结合了1,2点,用于切换十分方便
5.a.contains(“classname4”); 判断一个类型是不是存在,返回true和false
classList兼容性:除了IE,其他浏览器兼容性都可以。