表单添加或修改时的验证

1.表单

 <el-form
            :model="formData"
            :rules="rules"
            ref="ruleForm"
            label-width="140px"
          >
  </el-form>

2.表单验证

//添加数据
addData(){
	 this.$refs["ruleForm"].validate(async (valid) => {
        if (valid) {
        	//当验证通过执行你添加的操作
        }else {
        	//当验证失败跳转到空白的所在区域
          this.$nextTick(() => {
            let isError = document.getElementsByClassName("is-error");
            isError[0].scrollIntoView({
              // 滚动到指定节点
              // 值有start,center,end，nearest
              block: "center",
              // 值有auto、instant,smooth，缓动动画
              behavior: "smooth",
            });
          });
          return false;
        }
}