vue.js怎么点击li取得索引添加class名字样式

Question

Answer 1

<li v-for="(children,index) in item.list" :class="index==1?'one':'two'"></li>

index==1这一块对索引进行判断如果满足条件添加one样式，不满足则是two，判断语句和样式换成自己想要的效果

Answer 2

<li v-for="(children,i) in item.list" @click='getIndex($event)' :index="i"></li>

getIndex(e){
    let index  = e.target.getAttribute('index');//点击的li的索引
    e.target.className = 'selected';//设置该li的class
}

Answer 3

<li v-for="(children,index) in item.list" :key="index" :class="{one: index == 1,two: index != 1}"></li>