Vue element ui 中 select 下拉框不回显：

项目场景：最近在使用vue element-ui 写后台时候，发现select 下拉不回显，于是发现问题，记录

问题描述

例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据
APP 中接收数据代码：

<el-form-item label="企业性质" prop="nature">
      <el-select v-model="temp.nature" placeholder="请选择" style="width: 200px;">
               <el-option
                v-for="item in companyNatureList"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                style="width: 200px;overflow: hidden;text-overflow: ellipsis"/>
      </el-select>
</el-form-item>

data中初始值

companyNatureList: [{'label': '专业公司', 'value': '1'}, 
    {'label': '基础电信企业', 'value': '2'}]

请求返回值

createDate: "2022-10-11 14:19:27"
defaultFlag: 0
delFlag: "0"
id: "7cf2497cd7984f46b9e65f4360050183"
name: "xx"
nature: 1
region: 110000
type: 1

其中：nature为需要回显的值

原因分析：

提示：这里填写问题的分析：

发现select下拉的id和v-model里边的id类型不一致。

解决方案：

修改后台下拉框数据源返回类型，下拉框显示数据成功