element-ui-解决下拉框数据量过多问题（vue-virtual-scroll-list）

参考链接：vue插件 vue-virtual-scroll-list解决数据量太大问题 - 知乎

vue-virtual-scroll-list与selectLoadmore对比：

vue-virtual-scroll-list：一次性返回所有数据。即数据量适中，几千到一两万条，可一次性被后台接口返回的情况下，建议使用vue-virtual-scroll-list。

selectLoadmore：可懒加载下拉框，数据量超级大，几万甚至十几万条以上，后台无法一次性返回，只能分页加载的情况下，建议使用selectLoadmore。

一、第一步：安装

npm install [email protected] --save

二、第二步：封装最底层组件

/components/virtualScrollList/select.vue

/components/virtualScrollList/el-option-node.vue

三、第三步：封装倒数第二层组件

举例1：classification.vue

举例2：staffList.vue

第四步：使用

 待补充：多选等功能 封装el-select，实现虚拟滚动,可单选、多选、搜索查询、创建条目-CSDN博客