場景: 就是在虛擬列表el-table選中之后 點擊查詢 默認之前選中的
現象: 就是實現選中, 但是無法去除勾選等等
問題發現: 看定位的數據 有多個一樣的,我想著勾選之前 先去掉勾選 ,但是沒效果或者說“相同的數據”,this.$refs.chargeList.toggleRowSelection(arr, true)去這樣做勾選,竟然出現多條看似一樣的
<virtual-scrollref="virtualScroll":data="list"row-key="ids":item-size="62"key-prop="ids"@change="(virtualList) => table.data = virtualList"><el-table:table-id="$route.path + ':chargeHistoryTable'"v-loading="table.loading":height="virtualTableHeight":data="table.data"ref="chargeList"row-key="ids"border@select="onSelect"@select-all="onSelectAll"@selection-change="handleSelectionChange"
看返回的數據 基本一樣 但是 這里的row-key 之前我綁定的是 ids, ids是我隨機生成的,列表每行
ids: Math.random().toString(10).slice(2,10),
到此大家已經發現問題了吧,就是我第一次查詢 和第二次查詢 返回的列表內容是一樣的,但由于我每行隨機生成的ids不一樣, 調用?toggleRowSelection方法 就認為這兩個對象是不一樣的。
注意注意這一點:
改動方法: row-key綁定成id? 這里的id是后端返回的 就是一樣的 坑死了