解决vxe-table复选框翻页选中问题

解决vxe-table复选框翻页选中问题

根据vxe-table官方文档，想要保留勾选中的数据，我们的代码中需要设置“row-id”和:checkbox-config中的“reserve”属性。

vxe-table官方文档

简单写下html部分：

<vxe-grid
	row-id="id"
	:checkbox-config="{ labelField: '', highlight: true, trigger: 'row', reserve: true , range: true}"
	@checkbox-all="selectAllEvent"
    @checkbox-change="selectChangeEvent"
>
	<!--自定义表格内容-->
</vxe-grid>

因为项目都用到vxe-table，所有这里使用vue的混入应用的项目的所有页面表格中，在混入文件中写复选框的事件：

//定义数据，简单模拟
data() {
   
	return {
   
		/*table选中keys*/
		selectedRowKeys: [],
		/*table选中records*/
		selectionRows : [],
	}
}