vue.js怎么點擊li取得索引添加class名字樣式
三國紛爭
2019-02-25 13:23:15
2 回答
尚方寶劍之說
TA貢獻(xiàn)1788條經(jīng)驗 獲得超4個贊
<li v-for="(children,index) in item.list" :class="index==1?'one':'two'"></li>
index==1這一塊對索引進(jìn)行判斷如果滿足條件添加one樣式，不滿足則是two，判斷語句和樣式換成自己想要的效果
守著一只汪
TA貢獻(xiàn)1872條經(jīng)驗 獲得超4個贊
<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';//設(shè)置該li的class
}
添加回答
舉報
0/150
提交
取消