【Vue】el-select 数据回显不显示名称，只显示value不显示lable 下拉框不显不lable

原因:

数据类型不一致导致

解决方法:

1.转int

:value="parseInt(dict.value)"

2.转String

:value="JSON.stringify(item.id)"

字典选择:

<el-select v-model="form.type" placeholder="请选择类型" disabled>
    <el-option
        v-for="dict in dict.type.pro_tenders_type"
        :key="dict.value"
        :label="dict.label"
        //:value="dict.value" 改为下面这行
        :value="parseInt(dict.value)"
   ></el-option>
</el-select>

或是 普通下拉

<el-select v-model="queryParams.dept" placeholder="请选择..." style="width:280px">
	<el-option
	    v-for="item in deptOption"
		:key="item.id"
		:label="item.name"
		//:value="item.id" 改为下面这行
        :value="JSON.stringify(item.id)"
    ></el-option>
</el-select>