vue2.0 基于elementUI中的el-select,实现虚拟列表

处理大量数据,用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重设键名或者键值
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容