饿了么(el-element-ui)，el-select回显数据不展示问题

html

<el-select v-model="form.type" placeholder="请选择">
    <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
    ></el-option>
</el-select>

js

data(){
    return{
        options: this.$global.aberrantTemplateArr
    }
}

数据集

const aberrantTemplateArr = [
    { value: 1, label: '专卖' },
    { value: 2, label: '营销' },
    { value: 3, label: '内管' },
    { value: 4, label: '物流' }
]

问题：

后台返回正常，值也没有问题。前台接收之后就是不显示！

 

解决办法：

有时后台给我们返回的type值为字符串(String)或者数字(Number)的类型，这时我们自定义的数据集或者后台给我们的数据集，一定要看清楚对应的value是什么类型，如果返回的value是字符串，数据集value也要字符串对应，如果value是数字类型，那么，数据集的value也要用数字类型，不然，就不会显示了。