AntDesingVue select下拉框中数据量过多，响应慢。

一、问题描述

在开发公司项目时，需要将行政区划名称与行政区划代码做联动，当选择行政区名称时自动填充行政区划码效果如下

但是由于行政区名称数据过多（3500多条数据），导致点击下拉框时发生卡顿现象（点击下拉框5秒后才会有响应）。并且选择行政区名称时，也会发生卡顿现象。

二、解决方案

在这里插入代码片去Ant DesignVue官网，查看select的API，

发现有下拉列表滚动时的回调方法，所以我们可以先显示一部分数据，当列表滚动时，再加载更多数据。

三、代码实现

1.form表单中的select组件与其数据联动的输入框

<a-row :gutter="24" type="flex" justify="center">
          <a-col :span="10" :style="{ textAlign: 'center' }">
            <a-form-item label="行政区划名称" 
            :label-col="{ span: 8 }" 
            :wrapper-col="{ span: 16 }">
              <a-select
                @popupScroll="handlePopupScroll" //下拉时调用的方法
                v-decorator="['xingZhengQuHuaMingCheng',  
                {
   rules: [