el-form 整体校验和单个input校验

整体校验:

 formRef.validate(async (valid: any) => {
       if (valid) {
        //校验成功code....
    }else{
        //校验不成功code....    
    }
  })

单个校验:

let stepValidate = ['coopPartnerName', 'partnerType', 'coopPartnerAddress', 'partnerWebsite'];//每一步需要校验的参数数组(指定校验)
  let stepFlag = true//参数是否通过校验
  //校验方法
  for (let i = 0; i < stepValidate.length; i++) {
    //循环数组  校验每个参数 ,校验是是异步,并会返回promise 所以用await,
//注意循环不能用forEach,因为它不会等待异步
    await formRef.validateField(stepValidate[i], valid => {//formRef是form表单的实例
      console.log(valid);
      //校验不通过
      if (!valid) {
        stepFlag = false
        return
      }
    })
  }

//校验不通过 直接跳出方法  
  if (!stepFlag) return
//....之后写校验通过的代码

ruleFormRef.value.clearValidate()//重置form整体校验

ruleFormRef.value.clearValidate('表单中prop的值')//重置form重置部分校验:

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