美文网首页
ant-design-vue form.validateFiel

ant-design-vue form.validateFiel

作者: Tiny哲 | 来源:发表于2020-03-16 23:19 被阅读0次
  1. 场景,使用antd进行参数校验,发现参数校验不失败,也无法进行下一操作(下面代码中的注释部分代码跑不到)
this.form.validateFields((errs, values) => {
  if (!errs) {
    // 进行下一操作,如查询
  }
})
  1. 多次对比官方的demo和之前自己写的样例后发现均没什么不同,尝试把所有参数打出来
console.log(this.form.getFieldsValue())
// 发现部分输出如下
{ xxxx: undefined }
  1. 存在部分的值为undeifined,于是尝试修改该表单项的初始值,修改为空字符串
<a-form-item :colon="false">
    <a-input
         v-decorator="['xxxx', {
              initialValue: ''     // 在v-decorator的options中添加initialValue,值为''
        } ]"/>
</a-form-item>
  1. 最终问题解决

相关文章

网友评论

      本文标题:ant-design-vue form.validateFiel

      本文链接:https://www.haomeiwen.com/subject/ewjaehtx.html