:::demo 示例
```html
<template>
    <div>
        <h3>select 单选</h3>

        <div>
            <div>基本设置</div>
            <v-select name="basic"
                      v-model="selectReportTypes1"
                      placeholder="姓名"
            >
            </v-select>

            <div class="mt25">默认选中</div>
            <v-select name="defaultSelected"
                      v-model="selectReportTypes2"
                      placeholder="姓名"
            >
            </v-select>

            <div class="mt25">居左|居中|居右 设置</div>
            <v-select
                    text-align="center"
                    v-model="selectReportTypes3"
                    placeholder="姓名"
            >
            </v-select>

            <div class="mt25">选中改变事件</div>
            <v-select name="changeEvent"
                      @change="selectChange4"
                      v-model="selectReportTypes4"
                      placeholder="姓名"
            >
            </v-select>

        </div>


        <h3 class="mt30">select 多选</h3>

        <div>
            <div>基本设置</div>
            <v-select
                    is-multiple
                    v-model="selectReportTypes5"
                    placeholder="姓名"
            >
            </v-select>

            <div>显示分割线</div>
            <v-select
                    is-multiple
                    v-model="selectReportTypes6"
                    placeholder="姓名"
            >
            </v-select>

            <div class="mt25">默认选中</div>
            <v-select
                    is-multiple
                    v-model="selectReportTypes7"
                    placeholder="姓名"
            >
            </v-select>

            <div class="mt25">设置最大选中数量和最小选中数量</div>
            <v-select
                    is-multiple
                    :min="1"
                    :max="3"
                    v-model="selectReportTypes8"
                    placeholder="姓名"
            >
            </v-select>

        </div>

        <h3 class="mt30">尺寸设置（只限制于高度和字体大小设置，宽度需要额外设置）</h3>
        <div>
            <div>size 属性 ‘small’ 小尺寸；‘middle’ 中等尺寸；large 大尺寸</div>
            <div>默认是‘middle’</div>
            <v-select
                    size="small"
                    is-multiple
                    v-model="selectReportTypes9"
                    placeholder="姓名"
            >
            </v-select>

            <v-select
                    size="middle"
                    is-multiple
                    v-model="selectReportTypes9"
                    placeholder="姓名"
            >
            </v-select>

            <v-select
                    size="large"
                    is-multiple
                    v-model="selectReportTypes9"
                    placeholder="姓名"
            >
            </v-select>

            <div class="mt30">设置宽度(width)，和最大值(maxWidth)</div>
            <div>如果不设置maxWidth,则下拉内容会随着内容无穷变宽</div>

            <div class="mt10">只设置宽度不设置最大值</div>
            <v-select
                    :width="200"
                    size="large"
                    name="basic"
                    v-model="selectReportTypes10"
                    placeholder="姓名"
            >
            </v-select>

            <div class="mt10">
                设置宽度也设置了最大值
            </div>
            <v-select
                    :width="200"
                    :maxWidth="250"
                    size="large"
                    is-multiple
                    v-model="selectReportTypes11"
                    placeholder="姓名"
            >
            </v-select>
        </div>


        <h3 class="mt30">支持input输入</h3>
        <div>
            <div>有些场景下需要用户自己输入信息，这是需要传入‘isInput’属性，如果要拿到当前输入的值，需要通过‘ref’取到‘inputValue’</div>
            <v-select name="basic"
                      ref="selectInput"
                      v-model="selectReportTypes1"
                      placeholder="请输入要检索的内容"
                      is-input
                      :width="200"
            >
            </v-select>
            <input type="button" value="弹出input信息" @click="getInputValue()"/>

        </div>

        <div class="mt25">设置最大高度</div>
        <v-select name="defaultSelected"
                  v-model="selectReportTypes12"
                  placeholder="姓名"
                  :max-height="200"
        >
        </v-select>

        <div class="mt30">

        </div>

    </div>
</template>

<script>
    export default{
        name: "Select",
        data(){
            return {

                selectReportTypes1: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四'},
                    {value: 2, label: '王二'},
                    {value: 3, label: '张三'},
                    {value: 4, label: '李四'}
                ],

                selectReportTypes2: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四', selected: true},
                    {value: 2, label: '王二'},
                    {value: 3, label: '舞王尼古拉斯赵四'}
                ],

                selectReportTypes3: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四'},
                    {value: 2, label: '王二'},
                    {value: 3, label: '舞王尼古拉斯赵四'}
                ],

                selectReportTypes4: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四'},
                    {value: 2, label: '王二'},
                    {value: 3, label: '舞王尼古拉斯赵四'}
                ]
                ,
                selectReportTypes5: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四'},
                    {value: 2, label: '王二'},
                    {value: 3, label: '舞王尼古拉斯赵四'}
                ],

                selectReportTypes6: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四', selected: true},
                    {value: 2, label: '王二', selected: true},
                    {value: 3, label: '舞王尼古拉斯赵四', showLine: true}
                ],

                selectReportTypes7: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四', selected: true},
                    {value: 2, label: '王二', selected: true},
                    {value: 3, label: '舞王尼古拉斯赵四'}
                ],

                selectReportTypes8: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四', selected: true},
                    {value: 2, label: '王二'},
                    {value: 3, label: '舞王尼古拉斯赵四'}
                ],

                selectReportTypes9: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四', selected: true},
                    {value: 2, label: '王二'},
                    {value: 3, label: '舞王尼古拉斯赵四'}
                ],

                selectReportTypes10: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四', selected: true},
                    {value: 2, label: '王二'},
                    {value: 3, label: '舞王尼古拉斯赵四名字够不够长不够长再加加到你满意为止'}
                ],
                selectReportTypes11: [
                    {value: 0, label: '张三'},
                    {value: 1, label: '李四', selected: true},
                    {value: 2, label: '王二'},
                    {value: 3, label: '舞王尼古拉斯赵四名字够不够长不够长再加加到你满意为止'}
                ],


                selectReportTypes12: [
                    {value: 0, label: '张三丰'},
                    {value: 1, label: '李四民'},
                    {value: 2, label: '王二八子'},
                    {value: 3, label: '张三'},
                    {value: 4, label: '李四'},
                    {value: 5, label: '王二'},
                    {value: 6, label: '张三'},
                    {value: 7, label: '李四'},
                    {value: 8, label: '王二'},
                    {value: 10, label: '张三'},
                    {value: 11, label: '李四'},
                    {value: 12, label: '王二'},
                    {value: 13, label: '张三'},
                    {value: 14, label: '李四'},
                    {value: 15, label: '王二'},
                    {value: 16, label: '张三'},
                    {value: 17, label: '李四'},
                    {value: 18, label: '王二'},
                    {value: 112, label: '王二'},
                    {value: 113, label: '张三'},
                    {value: 114, label: '李四'},
                    {value: 115, label: '王二'},
                    {value: 116, label: '张三'},
                    {value: 117, label: '李四'},
                    {value: 118, label: '王二'}
                ],

            }
        },

        methods: {
            selectChange4(){
                console.log('处理你的业务逻辑')
            },

            getInputValue(){

                alert(this.$refs.selectInput.inputValue)
            }
        }
    }
</script>
```
:::