多选multiple下拉框el-select回显题目（只表现后端返回id） ...

起首保证v-model的值对应options数据源里面的id

1. <el-form-item prop="subclass" label="分类" >
2.                 <el-select v-model="formData.subclass" multiple placeholder="请选择" clearable :disabled="!!formData.id">
3.                     <el-option
4.                         v-for="item of options" :key="item.subclass" :label="item.name" :value="item.subclass">
5.                     </el-option>
6.                 </el-select>
7.             </el-form-item>

复制代码

题目表现

原因后端返回数据【‘3’，‘4’】为字符串格式

解决

将后端返回数据通过map(Number)方法转换成number格式【3，4】

1. data.value.row.subclass = data.value.row.subclass.map(Number)

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。