一次性加载过量数据,vue在渲染过程中太慢。
原理,将大数据分批异步渲染到界面中。
beforeLoadData() {
this.dataList = []
},
setData() {
if (!this.datas.length) {
clearInterval(this.timeOut);
this.timeOut = null;
return;
}
this.dataList.push(...this.datas.splice(0, 10))
},
afterLoadData() {
this.timeOut = setInterval(() => {
this.setData()
}, 10)
}