记录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)了

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

Ant Design Vue 如何获form表单里数据并给 v-decorator绑定的数据重新赋值
最近在用ant design vue 做项目遇到了一下坑比如 v-decorator 可以做数据绑定与v-model 不同的是给 form 表单赋值 v-model 的值是双向绑定的如 ...
el-upload编辑时回显图片
在使用el-upload上传时,传给后端得是一个file文件流,而编辑回显的时候后端返回的是一个图片地址,这个时候就需要将url赋值到fileList里面 <el-form-item label ...
记录ant design vue库的drawer、select、modal组件怎样自定义挂载点
1.drawer自定义挂载点的方法为使用方法: <div ref='container'><a-drawerclass="model-service-add-omai-d ...
vue + el-upload上传图片/文件，编辑时回显文件名
这里写自定义目录标题父组件子组件界面样式编辑弹窗界面样式建议直接复制到本地查看父组件 <template><div id="recordList"&g ...
Ant Design Vue select下拉列表设置默认值
在项目中需要为Ant Design Vue 的 select 组件设置一个默认值,如下图所示的状态下拉选择框,默认选择全部代码如下: 1 <a-select v-model="que ...
Vue3 + Ant Design Vue 可搜索自定义字段 a-tree
记录一下,使用 Ant Design Vue a-tree 需要实现可搜索且后台返回数据不是标准数据的问题目录可搜索自定义字段完整全部代码可搜索自定义字段实现自定义字段需要使用 Tree ...
Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
前言这次的后台管理系统项目选型用了Vue来作为主技术栈: 因为前段时间用过React来写过项目(用了antd),感觉棒棒的. 所以这次就排除了Element UI,而采用了Ant Design Vu ...
ant design vue table 高度自适应_Vue组件库大评测 Element, iView, HeyUI, Ant Design Vue
今天偶然的机会想了解下其他Vue相关的组件库,网上刚好有文章,顺便自己做一下笔记,算是资源整理吧 .好了,话不多说,直接开始: 组件库的选择对于前端开发有者至关重要的影响,而组件的丰富性以及健壮性是我 ...
2019年 Vue 组件库大评测 Element, iView, HeyUI, Ant Design Vue
2018年我写的Vue组件库对比文档: https://juejin.im/post/5a9628415188257a7b5ac678 一年的时间,每一个组件库都有了更多的发展,Ant Design ...

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

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

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

最新文章

热门文章