iview的checkboxGroup循环checkbox选中问题

2019-12-09 03:47

iview的checkboxGroup一般内部的checkBox是循环一个数组,但是会有过滤的情况

data会变,这个时候需要给checkbox设置key。否则会出现列表变了,选中的位置没变。

<checkbox-group v-model="border">
<checkbox v-for ="d in data" :label="d.label" :key="d.label" border></checkbox>
</checkbox-group>

注意就算是跨元素也要设置key

<checkbox-group v-model="border">

<div v-for ="d in data" :key="d.label">

<checkbox :label="d.label" :key="d.label" border></checkbox>

</div>

</checkbox-group>