如何让element-ui的select下拉框支持长尾词滚动加载？

本文共计762个文字，预计阅读时间需要4分钟。

在项目中，我们经常需要调用大量来自后端的数据。有时数据量高达数百条，甚至上千条。若增加后端的多表查询或数据量过大，前端显示就会变慢，尤其在网络不佳时更为明显。

在项目中，我们需要运用到很多来自后端返回的数据。有时是上百条，有时甚至上千条。如果加上后端的多表查询或者数据量过大，这就导致在前端的显示就会及其慢，特别是在网络不好的时候更是如此。

自然，后端就做了一项非常“漂亮”的交互体验数据——分页

这不分页还好，一分页对超过10条数据之后的本来也不多，就20条，偏偏还得做个分页器。（假设为10条）

此时，如果能够像购物商城那样拖拽到底部自动加载新数据就好了。

于是《在element-ui的select下拉框加上滚动加载》诞生了。

这里通过自定义封装vue指令进行封装。