ant design vue中select数据回显问题
今早在对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回显
})
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!