鍍金池/ 問(wèn)答/HTML/ element-ui 多選框組件el-checkbox-group

element-ui 多選框組件el-checkbox-group

element-ui版本:^2.0.4
代碼如下:scope.row.id為該行數(shù)據(jù)的id,想把這個(gè)id作為attribute對(duì)象里的key

clipboard.png

clipboard.png

問(wèn)題如下圖:選擇一個(gè)checkbox之后,該組的checkbox都被選中,該組對(duì)應(yīng)的v-model的值為true,而不是我想要的id的數(shù)組集合,應(yīng)該怎么改?

clipboard.png

回答
編輯回答
憶往昔

你可以先試試,不確定可行
首先attribute = [],然后在獲取到tableAttrVal的時(shí)候?qū)憘€(gè)循環(huán)

this.tableAttrVal.map((v) => {
    this.attribute[v.id] = []
})

<el-checkbox-group v-model="attribute['tag'+scope.row.id]"></el-checkbox-group>

attribute也要改:

this.tableAttrVal.map((v) => {
    this.attribute['tag'+v.id] = []
})
2017年5月9日 20:31
編輯回答
念初

你在循環(huán)體里面綁定model。

2017年5月28日 19:51
編輯回答
脾氣硬

最終只需在得到表格數(shù)據(jù)tableAttrVal的之后,遍歷tableAttrVal的id,取其id作為attribute的key,思路如@Shyla所說(shuō),template和data都不需做改變
將attribute中每個(gè)key對(duì)應(yīng)的值改為數(shù)組類(lèi)型,
稍作改變?nèi)缦拢?/p>

this.tableAttrVal.map((v) => {
    this.$set(this.attribute,v.id,[])
})

參考:
clipboard.png

2017年7月17日 11:39
編輯回答
凝雅

樓主大大, attribute = [] 是一個(gè)數(shù)組而不是你所寫(xiě)的對(duì)象,另外傳遞id的寫(xiě)法也是有點(diǎn)問(wèn)題的。~.~

2017年3月23日 13:42