Element UI 之 el-select组件常见踩坑分享

一、 单选时绑定的值数据类型为boolean / string / number，多选时绑定的值数据类型为Array

二、 当Select选择器可搜索时，Select 会找出所有label属性包含输入值的选项；label属性如果没有绑定 相应的值的话，搜索功能是不生效的。

三、如果option的选项内容显示正常，但是选中后输入框里显示的还是value的值，没有显示lable的值，检查label属性是否有赋值，是否类似于

    <el-select v-model="value" placeholder="请选择">
        <el-option v-for="item in options" :key="item.value" :value="item.value"> //label未赋值
                   {{item.label}}
        </el-option>
    </el-select>

四、多选时，如果出现input输入框里预设的值显示正确，但是在option选项里并没有选中，还可以再次选择相同的值时，检查option绑定的value值是否与data中的数据值数据类型是一样的
比如如下案例中，

<el-select  multiple v-model="minute">
    <el-option v-for="val in 60" :key="val" :value="val-1">{{val-1}}</el-option>
</el-select>

data中

minute: ['1','5']

问题所在：data里minute数组中的值为string，但是option绑定的值却为number

解决方法：

:value = "(val - 1)"  => :value = "(val - 1).toString()"