当前位置: 代码迷 >> 综合 >> Antd Vue 自定义表单验证方式
  详细解决方案

Antd Vue 自定义表单验证方式

热度:48   发布时间:2023-12-13 07:53:38.0

简单粗暴直接上代码:

          <a-form-itemlabel="用户名":label-col="{ span: 5, offset: 1 }":wrapper-col="{ span: 15 }"><a-inputplaceholder="请输入"v-decorator="['userName',{ rules: [{ validator: validateUserName},{ required: true, message: '请输入用户名'}],// 注意validateTrigger要写在rules外面// 验证的触发是validateTrigger,不是triggervalidateTrigger: 'blur' },]"/></a-form-item>