解决vue3中select下拉框显示数字的问题

异常情况如下:

代码如下:

<el-form-item label="种源类型：" prop="sourceType">
            <el-select v-model="entity.sourceType" style="width: 300px;" filterable placeholder="请选择" clearable>
              <el-option v-for="item in sourceTypeList"
                         :key="item.dictCode"
                         :label="item.dictName"
                         :value="item.dictCode">
              </el-option>
            </el-select>
          </el-form-item>

原因分析:从数据字典中查到的dictCode为字符串类型,

 但是从后台获取的sourceType值为int类型,由于类型不一致,故出现这种情况

解决办法:将从数据字典获取的dictCode类型转为int类型,这样的话,从数据字典获取的类型就与从后台获取的类型一致.

<el-form-item label="种源类型：" prop="sourceType">
            <el-select v-model="entity.sourceType" style="width: 300px;" filterable placeholder="请选择" clearable>
              <el-option v-for="item in sourceTypeList"
                         :key="item.dictCode"
                         :label="item.dictName"
                         :value="parseInt(item.dictCode)">
              </el-option>
            </el-select>
          </el-form-item>