vue element—ui 穿梭框实现分批加载数据

 

 原始的数据

let arr=[];
arr=response.data.data;//总条数
let result = [];
let size=20;//一页多少条
// 切割成小数组
for (var x = 0; x < Math.ceil(arr.length / size); x++) {
    var start = x * size;
    var end = start + size;

    result.push(arr.slice(start, end));
  
}

 

 

//合并数据 渲染页面
result.forEach((item, index) => {
　　self.patientdata=self.patientdata.concat(item);
});