<vxe-grid
	row-id="id"
	:checkbox-config="{ labelField: '', highlight: true, trigger: 'row', reserve: true , range: true}"
	@checkbox-all="selectAllEvent"
    @checkbox-change="selectChangeEvent"
>
	<!--自定義表格內(nèi)容-->
</vxe-grid>

//定義數(shù)據(jù)，簡(jiǎn)單模擬
data() {
	return {
		/*table選中keys*/
		selectedRowKeys: [],
		/*table選中records*/
		selectionRows : [],
	}
}
//復(fù)選框事件(保留翻頁(yè)選中的數(shù)據(jù))
selectChangeEvent({ checked, records, reserves, row }) {
     // console.log(checked ? '勾選事件' : '取消事件')
     // console.log('當(dāng)前選中的數(shù)據(jù)：' + records)
     // console.log('翻頁(yè)時(shí)其他頁(yè)的數(shù)據(jù)：' + reserves)
     // console.log('當(dāng)前選中的數(shù)據(jù)行：' + row )
     //勾選選中時(shí)
     if (checked) {
     	//第一次選數(shù)據(jù)，還未進(jìn)行翻頁(yè)時(shí)
         if (reserves.length == 0){
             this.selectedRowKeys = records.map(v => v.id);
             this.selectionRows = records;
         }else {
             //id集合，翻頁(yè)存在已選中的數(shù)據(jù)時(shí),拼接新選中的數(shù)據(jù)
             this.selectedRowKeys = [...reserves.map(v => v.id),...records.map(v => v.id)];
             //數(shù)據(jù)集合，翻頁(yè)存在已選中的數(shù)據(jù)時(shí),拼接新選中的數(shù)據(jù)
             this.selectionRows = [...reserves,...records];
         }
     }else {
         //取消選中時(shí)
         let idIndex = this.selectedRowKeys.indexOf(row.id);
         if (idIndex > -1) {
             //刪除取消選中刪除指定元素id
             this.$delete(this.selectedRowKeys, idIndex);
         }
         
         let dataIndex = null;
         for(let i = 0; i < this.selectionRows.length; i++) {
             if (this.selectionRows[i].id == row.id) {
                 dataIndex = i;
                 break;
             }
         }
         //刪除取消選中的元素整個(gè)對(duì)象
         this.$delete(this.selectionRows, dataIndex);
     }
 },
 //vxe復(fù)選框當(dāng)前頁(yè)全選中方法(保留翻頁(yè)選中的數(shù)據(jù))：
 selectAllEvent({ checked, records, reserves}) {
     // console.log(checked ? '勾選事件' : '取消事件')
     // console.log('當(dāng)前選中的數(shù)據(jù)：' + records)
     // console.log('翻頁(yè)時(shí)其他頁(yè)的數(shù)據(jù)：' + reserves)
     //全選中時(shí)
     if (checked) {
     	 //第一次選數(shù)據(jù)，還未進(jìn)行翻頁(yè)時(shí)
         if (reserves.length == 0){
             this.selectedRowKeys = records.map(v => v.id);
             this.selectionRows = records;
         }else {
             //id集合，翻頁(yè)存在已選中的數(shù)據(jù)時(shí),拼接新選中的數(shù)據(jù)
             this.selectedRowKeys = [...reserves.map(v => v.id),...records.map(v => v.id)];
             //數(shù)據(jù)集合，翻頁(yè)存在已選中的數(shù)據(jù)時(shí),拼接新選中的數(shù)據(jù)
             this.selectionRows = [...reserves,...records];
         }
     }else {
         //取消全選時(shí),直接將翻頁(yè)數(shù)據(jù)賦值，當(dāng)前頁(yè)數(shù)據(jù)不用加上
         this.selectionRows = reserves;
         this.selectedRowKeys = reserves.map(v => v.id)
     }
 }

this.$refs['Tree' + this.activeName][0].setCheckboxRow(row,row.checkFlag)
this.$refs['Tree' + this.activeName][0].loadData(this.middleValue)
this.$refs['Tree' + this.activeName][0].remove(firstLoop)