big-select v0.1.12

简介

Element-plus，select二次封装。el-select加载大数据量的处理插件。

使用之前，请先安装Element-plus，基于ElFormItem、ElSelect、ElOption。

功能

1.基于el-select，重写filter-method；

2.实现大数据默认显示量；

3.提供检索功能，回车检索。

快速开始

npm i big-select -S

快速应用

全局注入

import BigSelect from 'big-select'
app.use(BigSelect);

局部注入

import { BigSelect } from 'big-select';
export default {
  name: 'App',
  components: {
    BigSelect
  }
}

主参数

opts参数

方法

示例

常规

<SelectBigData
  v-model="queryParams.enterpriseInfoId"
  :data="enterpriseInfoOptions"
  formItemLabel="企业名称"
  size="small"
></SelectBigData>

data() {
  return {
    queryParams: {
      enterpriseInfoId: undefined,
    },
    enterpriseInfoOptions: [],
  };
},

多选

<BigSelect
  v-model="queryParams.enterpriseInfoIds"
  :data="enterpriseInfoOptions"
  formItemLabel="企业名称"
  style="width: 300px;"
  :clearable="false"
  @getChooseData="getChooseData"
  :multiple="true"
  :multipleLimit="3"
></BigSelect>

data() {
  return {
    queryParams: {
      enterpriseInfoIds: [],
    },
    enterpriseInfoOptions: [],
  };
},