当前位置: 首页 > 知识库问答 >
问题:

javascript - vue el-from校验成功但是 return不管用?

秦琦
2023-09-18
async handleSubmit() {      const flag = await this.$refs.form.validate().catch((e) => e)      if (!flag) return      this.loading = true      try {        await queryVipStandardEdit({          ...this.form,        })        this.$message.success(this.$t('pls_operate_successful') + '!')        this.close('success', true)      } catch (error) {        this.$message.error(error)      } finally {        this.loading = false      }    },

校验生效了,但是if (!flag) return不管用,依然回走下面方法,哪里写错了

共有2个答案

夹谷星纬
2023-09-18

未通过的时候 flag返回的是校验规则列表 你可以打印出来看看

孙佐
2023-09-18

根据您提供的代码,我注意到在 handleSubmit 方法中,您尝试使用 if (!flag) return 来判断校验是否成功。然而,您在 validate 方法上调用 return,这实际上是终止方法的执行并立即返回。如果您想要在方法执行完毕后立即返回,可以使用 return 语句,而不是调用它。

所以,您可以将代码修改为:

async handleSubmit() {  const flag = await this.$refs.form.validate().catch((e) => e)  if (!flag) return; // 修改这一行  this.loading = true  try {    await queryVipStandardEdit({      ...this.form,    })    this.$message.success(this.$t('pls_operate_successful') + '!')    this.close('success', true)  } catch (error) {    this.$message.error(error)  } finally {    this.loading = false  }},

这样,当校验成功时,方法将正常执行完毕并返回。如果校验失败,方法将立即返回并处理错误。

 类似资料:
  • 本文向大家介绍使用JavaScript进行表单校验功能,包括了使用JavaScript进行表单校验功能的使用技巧和注意事项,需要的朋友参考一下 文本框校验 以下是文本框的校验步骤。 1.获取待校验的文本框value值, 2.对value值设置判定条件,使用if语句或switch语句实现。 3. 若满足条件,则校验通过,返回值为true。 4. 若不满足条件则返回值为false,替换文本输出校验的提

  • 本文向大家介绍common-lisp RETURN-FROM,从块或功能退出,包括了common-lisp RETURN-FROM,从块或功能退出的使用技巧和注意事项,需要的朋友参考一下 示例 功能总是在身体周围建立障碍。该块的名称与函数名称相同。这意味着您可以RETURN-FROM将此块名称与函数一起使用并返回值。 您应该避免尽可能早地返回。            

  • In some cases, we might want to return data from a new screen. For example, say we push a new screen that presents two options to a user. When the user taps on an option, we’ll want to inform our firs

  • In some cases, we might want to return data from a new screen. For example, say we push a new screen that presents two options to a user. When the user taps on an option, we’ll want to inform our firs

  • Objective-C编程语言不允许将整个数组作为参数返回给函数。 但是,您可以通过指定不带索引的数组名称来返回指向数组的指针。 您将在下一章学习指针,这样您就可以跳过本章,直到您理解Objective-C中的指针概念。 如果要从函数返回一维数组,则必须声明一个返回指针的函数,如下例所示 - int * myFunction() { . . . } 要记住的第二点是Objective-C不主张将

  • C编程不允许将整个数组作为参数返回给函数。 但是,您可以通过指定不带索引的数组名称来返回指向数组的指针。 如果要从函数返回单维数组,则必须声明一个返回指针的函数,如下例所示 - int * myFunction() { . . . } 要记住的第二点是C不主张将局部变量的地址返回到函数外部,因此您必须将局部变量定义为static变量。 现在,考虑以下函数,它将生成10个随机数并