element el-form 表单单个验证和整体验证

表单单个验证

HTML
element el-form 表单单个验证和整体验证_第1张图片

单独验证方法(及放的位置)
element el-form 表单单个验证和整体验证_第2张图片

ref 对应的位置
在这里插入图片描述

 //只有一项的时候
  
      this.$refs["CODE_Rules"].validateField("CODE_TYPE",(errMsg) => {
                if (!errMsg) {
                    this.$message.success("條件一成功了!")

                } else {

                    console.log('error submit!!');
                    return false;
                }
                
            });


//多项单独验证
 /** 这中验证是会单独每项去验证,也就是这个每判断成功一次就会进入执行一次, */
 this.$refs["CODE_Rules"].validateField(["CODE_TYPE","CODE_TYPE2"], (errMsg) => {
       if (!errMsg) {
           this.$message.success("條件一成功了!")

       } else {

           console.log('error submit!!');
           return false;
       }

   });

表单验证(和官方的一样)

 this.$refs[formName].validate((valid) => {
       if (valid) {
           this.$message.success("條件一成功了!")

       } else {

           console.log('error submit!!');
           return false;
       }
   });

如有问题,评论区告知

你可能感兴趣的:(vue,前端)