vue v-for如何讓checkbox 選中的時(shí)候，當(dāng)前index加個(gè)class，如下圖和代碼

想要的效果

現(xiàn)在的問(wèn)題

代碼

                            <li v-for="(item,index) in tableTitleTable" :class="{'actived':itemTexAtctived}" class="body-item">
                                <label class="checkbox">
                                    <input v-model="itemTexAtctived" type="checkbox"/>
                                    <span></span>
                                </label>
                                <span class="item-text">{{item}}</span>
                            </li>

      itemTexAtctived: false,

      tableTitleTable:["ID","講義標(biāo)題","所屬教材","年級(jí)","科目","使用次數(shù)","來(lái)源","創(chuàng)建人","創(chuàng)建時(shí)間"]

回答

編輯回答

孤毒

tableTitleTable:[
{item:"ID",
isChecked:false
},
{item:"講義標(biāo)題",
isChecked:false
},
{item:"所屬教材",
isChecked:false
},
{item:"年級(jí)",
isChecked:false
},
{item:"科目",
isChecked:false
},
{item:"使用次數(shù)",
isChecked:false
},
{item:"來(lái)源",
isChecked:false
},
{item:"創(chuàng)建人",
isChecked:false
},
{item:"創(chuàng)建時(shí)間",
isChecked:false
}]

changeChecked(index) {
this.tableTitleTable[index].isChecked = !this.tableTitleTable[index].isChecked
}
機(jī)房電腦沒(méi)有編譯器，記事本敲得?？赡苡悬c(diǎn)錯(cuò)誤，大概思想就是這樣。數(shù)據(jù)里增加一個(gè)isChecked狀態(tài)，通過(guò)改變這個(gè)狀態(tài)來(lái)改變樣式。

2017年6月11日 10:24

編輯回答