原代码：
|
1 2 3 4 5 6 7 8 9 |
<el-form-item label="存储类型" prop="storeType"> <el-select clearable="" v-model="ruleForm.storeType" placeholder="请选择存储类型" @change="storeTypeChange"> <el-option key="0" value="0" label="本地存储">本地存储</el-option> <el-option key="1" value="1" label="阿里云OSS">阿里云OSS</el-option> <el-option key="2" value="2" label="腾讯云COS">腾讯云COS</el-option> </el-select> </el-form-item> |
其中storeType是整数类型，当此值为1时，我们希望显示“阿里云OSS”，可实际显示的是1。参考了下面的帖子，原因是数据类型不匹配，el-options key和value实际都是字符串形式，那么解决办法就简单了，加:
|
1 2 3 4 5 6 7 8 9 |
<el-form-item label="存储类型" prop="storeType"> <el-select clearable="" v-model="ruleForm.storeType" placeholder="请选择存储类型" @change="storeTypeChange"> <el-option :key="0" :value="0" label="本地存储">本地存储</el-option> <el-option :key="1" :value="1" label="阿里云OSS">阿里云OSS</el-option> <el-option :key="2" :value="2" label="腾讯云COS">腾讯云COS</el-option> </el-select> </el-form-item> |
以下为转贴，供参考
将后台返回的数据填充到页面的上的时候需要的是汉字，在给后台传值的时候传的是数字，现在有个问题就是让它显示的时候显示汉字，传值的时候传数字，那无疑，我们还是需要将动态绑定的值给赋值数字1，2，3这种的，但是发现显示的时候也会显示成数字，
这不是我想要的效果，查资料发现，是数据类型的问题，你在本地代码中数据格式要和后台返回的数据格式一致
如果在本地的数据是number类型的，那么返回的数据格式也必须是number类型的才能显示对应的text内容，如果本地是string类型的，那么后台返回的数据格式也必须是string，所以，我们需要进行类型转换，才能正确显示
