element ui 编辑数据 下拉框不能回显
编辑数据时,下拉框显示的id值未能展示对应的label
<el-form-item label="执行频率"> <el-select v-model="planForm.scheduleId" style="width: 220px"> <el-option v-for="item in scheduleIdOptions" :key="item.value" :label="item.label" :value="item.value" ></el-option> </el-select> </el-form-item>
scheduleIdOptions: [ { label: "单次", value: "0" }, { label: "日", value: "1" }, { label: "周", value: "2" }, { label: "月", value: "3" }, ],
因为编辑,查询返回的值是字符串形式。json对应的value之前是数字形式。数据类型没对上所以不能回显,改成一致的数据类型就可以了。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步