解决前端vue框架select下拉数据量过大造成卡顿问题

问题：当加载上百条、上千条数据，导致下拉框数据卡顿

解决：将数据分割成更小的单元，每次下拉到底部加载一部分

利用下拉滚动事件

视图部分：

<a-select label-in-value :default-value="{ key: 'lucy' }" style="width: 120px" @change="handleChange" @popupScroll="handldpopupscroll" ><a-select-option></a-select-option></a-select>

逻辑处理：

//每次滚动触发

handldpopupscroll(e){

//向下滚动时，判断e.target.scrollHeight(实际下拉列表高度)-e.target.clientHeight（可视框高度)==e.target.scrollTop（卷起的高度）

if(e.target.scrollHeight-e.target.clientHeight==e.target.scrollTop){

//(指向下一个分组数据)
this.scrollPage++