解決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

相關文章
相關標籤/搜索