ant design vue中select数据回显问题

不羁的心 提交于 2019-11-30 12:51:39

今早在对form使用setFieldsValue赋值时,select框中只显示了我赋的value值,没有跟option匹配,不显示lable

查文档,用了lableInValue也无果(大概本前端萌新不会用吧QAQ)

表单元素select如下

          <a-form-item class="mb10" label="数据类型" :label-col="{ span: 5 }" :wrapper-col="{ span: 19 }">
            <a-select v-decorator="['valueType',{rules: [{ required: true, message: '请选择类型' }]}]">
              <a-select-option value="1">字符</a-select-option>
              <a-select-option value="2">数值</a-select-option>
            </a-select>
          </a-form-item>

 

解决方案:

在赋值时转为字符串类型,应该是数字类型与option的value值不匹配导致,转为字符串类型后完美解决

        this.dictDataForm.setFieldsValue({
          'dictCode': row.dictCode,
          'dictVal': row.dictVal,
          'dictText': row.dictText,
          'valueType': row.valueType + '' // 转字符串,否则无法匹配value回显
        })

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!