【vue|Vue + ElementUI+ el-autocomplete 组件的防抖方案的懒加载】# Vue + ElementUI+ el-autocomplete 组件的防抖方案的懒加载
在项目开发中，经常会使用到下拉选择框，为了更快捷所以有了autocomplete的出现，autocomplete 是一个可带输入建议的输入框组件，该组件在数据量大的情况下能通过输入快速的查找到对应的选项。
通过Element-UI的官网文档的示例可知，其通过输入数据从而自动查找且显示对应的数据。
文章图片
文章图片
当数据量大的时候，此时加载数据时间长，影响用户体验，故通过数据的懒加载的形式显示数据,且如果只对其进行懒加载处理，其滚动到底的时候，会对其多次触发，不符合需求，且多次发起请求，时间长。通过对滚动事件进行防抖处理。
防抖为：当触发事件时，设定一个时间周期，如果在这个时间周期内事件被再次触发，则不予执行，时间周期更新。只有当时间周期到了后，才能被再次ch
如有错误，望请海涵并指正。
推荐阅读
- Vue.js|Vue移动端项目——搜索联想建议功能的实现（结合watch属性和使用lodash防抖节流）
- 微信小程序|【uni-app】搜索框的防抖处理
- vue.js|uni-app 实现搜索框的防抖处理
- 前端|Web前端（应该使用ReactJS进行Web开发?）
- 前端眼中的Rust
- vue3|vue3调用高德天气
- 前端|9.06 Day47---Element UI局部组件库的使用
- 前端|SPA项目实现首页导航以及左侧菜单
- web前端基础学习|iOS设计模式--MVC、MVP、MVVM