element-ui select下拉框滚动加载更多

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui select下拉框滚动加载更多相关的知识,希望对你有一定的参考价值。

参考技术A 当下拉框要展示大量数据内容时,并且下拉框不展示分页,那就不能手动点击分页去获取数据,那就只能利用监听滚动事件来实现了。

参考: https://juejin.cn/post/6844903710972182536#comment
// 下面这种方法,我在搜索时会出现重复的数据
https://www.cnblogs.com/Console-LIJIE/p/15303729.html

element-ui select 下拉框位置错乱问题解决

elementUI select 下拉框 位置距离太远 调整:

https://blog.csdn.net/Hello_yihao/article/details/104557895

 <el-select  v-model="language"  :popper-append-to-body="false">  <!-- popper-append-to-body="false" -->
   <el-option label="a" value="a" />
  <el-option label="b" value="b" />
</el-select>
<style>

  /*修正下拉框位置*/
  .el-select-dropdown {
    top: 50px !important;
    left: 0 !important;
  }
</style>

以上是关于element-ui select下拉框滚动加载更多的主要内容,如果未能解决你的问题,请参考以下文章

随笔47-在element-ui的select下拉框加上滚动触底事件

(Select)解决:Element-ui 中 Select 选择器下拉框样式及输入框样式的修改问题(背景色透明与悬停背景色变化与下拉框边距变化等操作)

element-ui使用select组件和tree组件实现下拉树形选择器

element-ui select 下拉框位置错乱问题解决

element-ui select 下拉框位置错乱问题解决

Element下拉框实现滚动加载更多功能实现