vue ant design中关于input同时设初始默认值、校验的问题(initialValue无效、用defaultValue则报`defaultValue` is invalid错误)(已解决)

 先奉上最终实现功能 的正确使用代码:

          <a-form-item>
            <span style='font-weight: bolder;margin-left:1.5%;color: black'>增速配置 :</span>
            <a-input placeholder="增速如:3" style="width:30%;text-align:right;margin-left: 10px" v-decorator="['increaseConfig',  {initialValue: '',rules: [{ message: '请输入数字格式', pattern: /^([-+])?\d+(\.[0-9]{1,2})?$/ }, { validator: this.handleDataCheck } ], validateTrigger: ['change', 'blur'] }]"></a-input>%
            <a-button style="background: #00A0E9;border-radius:5px;" @click='insIncreaseSpeed'> 新增 </a-button>
          </a-form-item>

 回顾错误写法及问题解决:

我之前错误的写法1:  设置重复默认值

我之前错误的写法2: 设置单个默认值,但无法实现校验功能

我之前错误的写法3:  实现校验功能,但控制台报错

正确写法:把默认值设置和 rules放在同一个大括号下,v-decorator的name只有一个大括号

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值