vue3 出现Form rules must provide type property when validating the form item named which is not string

21 篇文章 1 订阅

在使用ant design vue3的表单中出现以下错误

Warning: Form rules must provide type property when validating the form item named [parentId] which is not string type 

原代码如下

 //校验表单
      const formReactive = reactive({
        name:[{ required:true,message:"请输入名称"},{min:1,max:20, message:"长度在1至20位"}],
        parentId:[{ required:true,message:"请输入父类"}],
      });

在规则中声明一下类型即可,因为你不加的话,他默认是string

 //校验表单
      const formReactive = reactive({
        name:[{ required:true,message:"请输入名称"},{min:1,max:20, message:"长度在1至20位"}],
        parentId:[{ required:true,message:"请输入父类",type:'number'}],
      });

ant design vue3

表单校验是使用async-validator

附校验的类型

string: Must be of type string. This is the default type.
number: Must be of type number.
boolean: Must be of type boolean.
method: Must be of type function.
regexp: Must be an instance of RegExp or a string that does not generate an exception when creating a new RegExp.
integer: Must be of type number and an integer.
float: Must be of type number and a floating point number.
array: Must be an array as determined by Array.isArray.
object: Must be of type object and not Array.isArray.
enum: Value must exist in the enum.
date: Value must be valid as determined by Date
url: Must be of type url.
hex: Must be of type hex.
email: Must be of type email.

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值