el-select数据回填问题，不显示label

在详情页将数据回填到select标签中时，我希望显示的效果如下图所示。

 而实际上，显示的效果如下图所示。

 

造成这种结果的原因是v-model和：value数据类型不匹配，我们可以通过以下两种方式中的一种来统一数据类型。

第一种方式：将:value转换为数值，只需在:value后面加上 *1

<el-form-item label="状态" prop="state">
          <el-select v-model="temp.state" class="filter-item" placeholder="Please select">
            <el-option v-for="item in stateArr" :key="item.key" :label="item.label" :value="item.key *1" />
          </el-select>
        </el-form-item>

第二种方式：将:value转换为字符串，只需在:value后面加上 +''

<el-form-item label="状态" prop="state">
          <el-select v-model="temp.state" class="filter-item" placeholder="Please select">
            <el-option v-for="item in stateArr" :key="item.key" :label="item.label" :value="item.key +''" />
          </el-select>
        </el-form-item>