vue项目中使用element的table表格进行多选操作时,当勾选了第一页数据后点击第二页后第一页的数据被清空了。

查阅官方文档发现给出了 row-key 和 reserve-selection 

解决办法: :row-key="getRowKeys"  (写在el-table中)

                    methods中声明 getRowKeys()方法 

getRowKeys(row) {
return row.id
},

                   :reserve-selection="true" (写在el-table-column中type为select的行中)

<el-table-column type="selection" :reserve-selection="true" width="44px" />

element-ui e-table表格中使用多选,当翻页时已选中的数据丢失_前端

 

element-ui e-table表格中使用多选,当翻页时已选中的数据丢失_javascript_02