处理大量数据,用ElSelectV2实现虚拟列表展示。
因为是基于Elementui 中的el-select,所以要引入Elementui
用法:
1、安装:
npm i el-select-v2
2、main.js 中引入
import Vue from 'vue';
// 必须引入 element-ui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import ElSelectV2 from 'el-select-v2';
Vue.use(ElSelectV2);
3、使用
<ElSelectV2
v-model="value"
:option:'options'
clearable
filterable
/>
options: 对象数组,结构一定是{label: xxx, value: xxx}
或者设置:value-key、label-key重设键名或者键值