element-ui select下拉框如何实现滚动加载功能？

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

在项目中，我们需调用大量从后端返回的数据。有时达数百条，有时甚至上千条。若增加后端的多次查询或数据量过大，则前端显示就会变慢，尤其是网络不佳时。

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

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

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

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

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

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