Ant Design Vue from表单验证

form表单验证

<a-form
    :model="formState"
  >
    <a-form-item
      label="Username"
     	prop="username"
      :rules=""
    >
      <a-input v-model:value="formState.username" />
    a-form-item>
   a-form>
<script>
export defalut{
	data(){
		return {
			formState ： {
				username : ""
			},
			rules:{
				username : [{required:true,message:"请输入名称",trigger:"change"}]
			}
		}
	},
	methods:{
		
	}
}
script>

补充：

1.首先from表单中的规则有如下要用的东西
[{required:true,message:“请输入名称”,trigger:“change”}]

max:最大长度
min:最小长度
pattern:验证输入是否正确，支持正则表达式
required：如果想占位显示规则则为true,反之则为false