AntDesignVueForm表单自定义校验规则

我们在使用AntDesingVue的Form表单时，有时默认的表单校验不能满足我们的要求。比如我的其中一个input输入框必须要求输入正整数。我们需要自己写一个验证方法。那么如何定义验证规则呢？首先，在模板中定义表单对象时，在rules属性中添加一个验证器，后面的checkPositiveInteger方法就是我们自定义的验证规则。代码如下：然后在methods中写自定义规则的方法：//自定义验证函数，输入为正整数checkPositiveInteger(rule,value,回调）{constnumber=Number（值）;if(!Number.isInteger(number)||number<0){//如果需要返回错误消息，将其传递给`callback()`callback('PleaseenterAnintegergreaterthanorequalto0');}else{//如果验证通过，调用不带参数的`callback()`回调back();其中vulue是表单的值，callback是必须调用的回调函数。完成，收工！