注意:class的写法
listCurrent
用于记录当前的活动项,listClick
函数用于将当前点击项的id传入,并赋给listCurrent,只要item.value==listCurrent
,就高亮
template
<div class="dis-list">
<div v-for="(item) in districtData[0].children" :key="item.value" :class="(item.value==listCurrent? 'on':'')" @click="listClick(item.value)">
<Icon type="md-checkmark"/>{{item.label}}
</div>
</div>
script
listClick(value){
console.log(value)
this.listCurrent=value;
},
listItem(index){
let str=this.index=this.listCurrent? "on":""
}