记录ant design vue a-select Form编辑时回显数据库数据为value而不是label的问题

记录ant design vue a-select Form编辑时回显数据库数据为value而不是label的问题先贴解决后的代码option遍历的集合格式如下解释官方文档中解释到select-option 的key与value可等同代码注释index+1是因为index为数组索引，从0开始的，我们从官网可知key可等同于value，就不必设置value，而改用key，如果设置了value，这时v

YYLAJSX

5131人浏览 · 2022-04-03 23:19:38

YYLAJSX · 2022-04-03 23:19:38 发布

记录ant design vue a-select Form编辑时回显数据库数据为value而不是label的问题

先贴解决后的代码
option遍历的集合格式如下
解释

官方文档中解释到select-option 的key与value可等同

代码注释

index+1是因为index为数组索引，从0开始的，我们从官网可知key可等同于value，就不必设置value，而改用key，如果设置了value，这时v-decorator绑定的为集合id,回显的也就为id（option.value），而不是title(option.label)了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^