elementui多选时分页,解决选中状态无法保留选中项问题:

1.在el-table标签中加入:row-key="getRowKeys"

2.在el-table-column selection 项中加入以下:reserve-selection="true"

代码如下

<el-table ref="table" max-height="485" v-loading="loading" :data="userList"@selection-change="handleSelectionChange"  @row-click="rowClick" :row-key="getRowKey">
	<el-table-column type="selection" width="30" align="center" :reserve-selection="true"/>
	<el-table-column label="姓名" min-width="90" align="center" prop="nickName" :show-overflow-tooltip="true"/>
	<el-table-column label="职位" min-width="120" align="center" prop="appraisal_ide" :show-overflow-tooltip="true" />
</el-table>

 在method中添加方法:

getRowKey(row){
    return row.id
},

 完成后,将需要清空的地方 ( 如返回,提交成功之后 ) 添加:

this.$refs.table.clearSelection()
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐