鍍金池/ 問答/HTML/ vue.js怎么點擊li取得索引添加class名字樣式

vue.js怎么點擊li取得索引添加class名字樣式

clipboard.png

回答
編輯回答
懶洋洋

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

index==1這一塊對索引進行判斷如果滿足條件添加one樣式,不滿足則是two,判斷語句和樣式換成自己想要的效果

2017年11月12日 17:48
編輯回答
笨笨噠

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

2017年1月3日 12:31
編輯回答
墨小羽
<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
}
2017年12月4日 20:25