elementUI/ant design vue表单进行单个或部分字段验证校验

SummerGao.

已于 2022-05-02 23:27:07 修改

阅读量6.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： antdv Vue Element UI 文章标签： java python mysql php linux

于 2022-02-03 15:36:00 首次发布

9 篇文章

订阅专栏

6 篇文章

订阅专栏

2 篇文章

订阅专栏

本文介绍了如何在elementUI和ant-design-vue中使用ref进行表单字段的验证，特别强调了处理多个字段验证的正确语法，以及错误处理逻辑的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

elementUI/ant design vue的写法一致：

this.$refs['refName'].validateField(['field1'], (Error) => {
  if (!Error) {
    //执行

  }else{

  }
});

其中field1即为需要验证的字段prop值，可以设置多个。

当设置多个字段的时候，是否执行的语句需要放在验证的下面，不可放在验证的里面：

let isError = 0;
this.$refs['refName'].validateField(['field1'], (Error) => {
  if (Error) {
    isError = 1;
  }
});
if (isError === 0) {
  //执行
}