vxe-table 如何实现分页勾选复选框功能，分页后还能支持多选的选中状态

vxe-table 如何实现分页勾选复选框功能，分页后还能支持多选的选中状态，要实现这个功能，有多种方式
https://vxetable.cn

• 可以使用一个变量来记录已选的数据，在分页时重新赋值选中状态。
  
• 使用内置的选中状态记忆保留功能，可以直接使用，无需再额外写代码
  

分页多选保留状态

当使用数据分页与复选框多页选中时，可以通过 checkbox-config.reserve 启用，将不会自动清除勾选数据，如果清除，可以调用 clearCheckboxReserve 方法手动清除已保留的选中数据

1. <template>
2.   
3.     <vxe-button status="success" @click="getSelectEvent">获取已选</vxe-button>
4.     <vxe-grid ref="gridRef" v-bind="gridOptions" v-on="gridEvents"></vxe-grid>
5.   
6. </template>

复制代码

同时在其他分页中显示为半选状态

以上已经实现了分页状态保留功能，但是产品如果说还要在分页的同时，如果已选了其他页数据，当前页要显示半选状态，那么就可以通过以下来实现。
启用保留选中状态后默认是每页独立状态显示，可以通过 checkbox-config.showReserveStatus 启用，当存在保留记录时，则未勾选当前页数据也会显示未半选状态

1. <template>
2.   
3.     <vxe-button status="success" @click="getSelectEvent">获取已选</vxe-button>
4.     <vxe-grid ref="gridRef" v-bind="gridOptions" v-on="gridEvents"></vxe-grid>
5.   
6. </template>

复制代码

https://gitee.com/x-extends/vxe-table

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！