在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue關(guān)于class的值的綁定的值是一個(gè)對(duì)象的問(wèn)題

vue關(guān)于class的值的綁定的值是一個(gè)對(duì)象的問(wèn)題

<div v-for="(item, index) in list" :class="['a', selectItem[0][index]==1?'b':'c']" @click="changeSelectItem(0,index)"></div>
<div v-for="(item, index) in list" :class="['a', selectItem[0][index]==1?'b':'c']" @click="changeSelectItem(1,index)"></div>
data:{
 list:[]
 selectItem = {
  0:[0,0,0],
  1:[0,0,0]
 } 
}
methods: {
  changeSelectItem(key,index){
    this.selectItem[key][index]=1
  }
},
created () {
  this.List = XXX//異步請(qǐng)求獲取的數(shù)據(jù)
}

vue的基礎(chǔ)薄弱,不太清楚其內(nèi)部機(jī)制,寫(xiě)代碼的時(shí)候,(整個(gè)代碼大概如上),發(fā)現(xiàn)當(dāng)我調(diào)用changeSelectItem函數(shù)改變selectItem對(duì)象里的數(shù)組時(shí),class并不會(huì)動(dòng)態(tài)的改變,不太清楚class綁定是否不能想我的需求那樣深入對(duì)象里的數(shù)組進(jìn)行綁定,如果不能,是不是只能手動(dòng)為dom元素添加類名,求大神解答!

回答
編輯回答
荒城
  1. 建議使用計(jì)算屬性;
  2. data 不是動(dòng)態(tài)變化的,需要監(jiān)聽(tīng)。
2017年8月10日 15:12
編輯回答
好難瘦

因?yàn)関ue無(wú)法響應(yīng)式賦data對(duì)象沒(méi)有的屬性值,我的selectemItem原先是一個(gè)空對(duì)象,算了踩了個(gè)坑吧,謝謝上面大牛們的解答。

2018年5月30日 11:43
編輯回答
淺淺

邏輯沒(méi)問(wèn)題,無(wú)效的原因是this.selectItem[key][index]=1這種賦值方式vue監(jiān)聽(tīng)不到,具體原因跟解決辦法看文檔 vue數(shù)組更新檢測(cè)

測(cè)試地址

2017年2月16日 04:11