问题：当加载上百条、上千条数据，导致下拉框数据卡顿
解决：将数据分割成更小的单元，每次下拉到底部加载一部分
利用下拉滚动事件
视图部分：
<a-select label-in-value :default-value="{ key: 'lucy' }" style="width: 120px" @change="handleChange" @popupScroll="handldpopupscroll" ><a-select-option></a-select-option></a-select>文章来源：https://www.toymoban.com/news/detail-595130.html
逻辑处理：文章来源地址https://www.toymoban.com/news/detail-595130.html
//每次滚动触发
handldpopupscroll(e){
//向下滚动时，判断e.target.scrollHeight(实际下拉列表高度)-e.target.clientHeight（可视框高度)==e.target.scrollTop（卷起的高度）
if(e.target.scrollHeight-e.target.clientHeight==e.target.scrollTop){
//(指向下一个分组数据)
this.scrollPage++
到了这里，关于解决前端vue框架select下拉数据量过大造成卡顿问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
