elementui table 表格 分页多选,保持选中状态
elementui table 多选 分页
·
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()
更多推荐
已为社区贡献2条内容
所有评论(0)