el-table 表格的 <el-table-column type="selection" reserve-selection> 选择切换问题

918 阅读1分钟

问题

el-table从后端请求数据,分页。当el-table项选择后,切换分页再回到已选择项的分页,然后toggleRowSelection方法会失效,应用组件的源码中用的是 statusArr.indexOf(row),当重新回到之前已选项的分页是,接口会从新请求当前分页的数据,所以row已经不属于statusArrstatusArr.indexOf(row)===-1,所以,toggleRowSelection方法不会切换选中项。

解决方法

可以用this.$refs.table.selection.find(e => e.hId === data.hId)找出row然后,调用toggleRowSelection(row)

下面贴出源码

image.png