【antd Vue】 select 下拉框懒加载滑块儿弹回问题

结论：官方文档默认下拉框第一个选项高亮

直接设为false，即可解决问题

问题描述

下拉框中，使用鼠标滑轮向下滑，数据能正常加载出来。但是使用鼠标拖动滑块下拉到底部时，加载下拉列表数据的同时，滑块会回弹至顶部。需求，拖动滑块与使用滚轮达到的效果相同。

问题出现原因排查

首先修改的是popupScroll绑定的事件。在其中定义滑块儿接触到底部，时加载数据结束定义scrollTop的值。但此方法不可行，数据加载结束，scrollTop的值会变成scrollHeight - clientHeight，或者直接变成0弹回顶部。自行赋值不会超出scrollHeight - clientHeight的范围。绑定事件pass(ಥ﹏ಥ)

寻找规律，此处省略自己的探索过程，直接说最后正确的规律。。

使用鼠标滚轮向下滑的时候，鼠标悬浮在下拉列表中的数据上，会一直有数据保持高亮。所以显示正常。
使用鼠标拖拽滑块时，鼠标经过下拉数据，会导致经过的数据高亮，然后鼠标到达滑块，列表中数据高亮消失，滑块返回顶部。

因为组件默认数据第一条高亮，重新加载数据并渲染，会变成第一条数据高亮，所以滑块会弹回顶部。

所以数据高亮就是影响滑块返回顶部的原因。

:defaultActiveFirstOption=“false”