vue-virtual-scroll-list与selectLoadmore对比:
vue-virtual-scroll-list:一次性返回所有数据。即数据量适中,几千到一两万条,可一次性被后台接口返回的情况下,建议使用vue-virtual-scroll-list。
selectLoadmore:可懒加载下拉框,数据量超级大,几万甚至十几万条以上,后台无法一次性返回,只能分页加载的情况下,建议使用selectLoadmore。
一、components/selectLoadmore/index.vue
<template>
<el-select class="ba-content" :popper-append-to-body="false"
:value-key="valueName"
v-model="selectedOptions"
v-el-select-loadmore="loadmore"
@change="change"
:remote-method="remoteMethodThrottle"
:loading="loading"
@visible-change="visibleChange" clearable filterable remote
:placeholder="!disabled?'请输入关键词':'——'" :disabled="disabled">
<el-option v-for="item in showList" :key="item[valueName]" :label="item[valueName]" :value="item"></el-option>
</el-select>
</template>
<script>
export default {
name: 'el-select-loadmore',
props: {
value: {
type: String
},
showList: {
type: Array
},
placeholder: {
type: String