解决iview复选框动态加载时重复使用问题

1、选中单元,作以下操做后,选中状态都不能去掉数组

<div v-for="(item,index) in unitList" :key="index">
 <Checkbox :true-value="item.id" :false-value="-item.id" @on-change="changeRoomNum($event)">{{item.roomNum}}</Checkbox>
</div>

解决:复选框加:key="item.id"后,合并拆分,禁用,启用 问题都解决了,但编辑后选中状态依然在。继续调试发现只要操做后,单元显示顺序只要不变,选中状态都不会变。根据官网,修改成以下,仍是不行。。。调试

接着,将单元根据修改时间排序,基本解决问题,可是若是操做时最新的一条数据仍是会有一样的问题。这种作法即便能解决问题但也是不符合业务场景的code

最终解决:其中selectIds为id数组 <Checkbox :true-value="item.id" :false-value="-item.id" v-model="selectIds[index]">{{item.roomNum}}</Checkbox>blog

相关文章
相关标签/搜索