在使用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.