## SelectBigdata

大量数据下拉框渲染优化，此组件继承于 el-select。[参考文档](https://www.yuque.com/mengyucheng/fhslqk/ny150b)

### 基本用法

:::demo Copy 有一个默认插槽，可以选择性放入对应按钮。

```html
<template>
  <klzz-select-bigdata v-model="value" :bigdata="bigdata" filter-field="label">
    <template v-slot="{ list }">
      <el-option
        v-for="item in list"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </template>
  </klzz-select-bigdata>
</template>
<script>
  export default {
    data() {
      return {
        value: '',
        bigdata: [],
      };
    },
    mounted() {
      const bigdata = [];
      for (let i = 0; i < 1000; i++) {
        bigdata.push({
          label: `选项${i}`,
          value: `${i}`,
        });
      }
      this.bigdata = bigdata;
    },
  };
</script>
```

:::

### Attributes

| 参数         | 说明                               | 类型   | 可选值 | 默认值  | 必填 |
| ------------ | ---------------------------------- | ------ | ------ | ------- | ---- |
| bigdata      | 要渲染的大数据列表                 | Array  | —      | []      | 是   |
| dist         | 距离列表底部时多少像素触发追加渲染 | Number | —      | 50      |      |
| number       | 每次渲染多少条数据                 | Number | —      | 30      |      |
| filter-field | 根据哪个字段搜索                   | String | —      | 'label' |      |

### Slot

| Name | Description                             |
| ---- | --------------------------------------- |
| —    | 默认插槽，要渲染的选项，参数为 { list } |