this.$refs.ruleForm.validate失效

摸鱼搬砖工

于 2019-11-22 15:49:34 发布

阅读量5.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/csdn_zhuang/article/details/103202152

vue 专栏收录该内容

13 篇文章

订阅专栏

本文探讨了在React中使用this.refs.ruleForm.validate进行表单验证时，如何正确使用callback函数确保验证流程的顺利进行。重点讲解了在函数校验中，每个if和else分支都必须加入callback()调用的原因，避免this.refs.ruleForm.validate失效。

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

在使用this. $r e f s . r u l e F o r m . v a l i d a t e 过程中，加入了函数校验，函数校验中需要每个 i f 和 e l s e 都要加入 c a l l b a c k () 否则 t h i s .$ refs.ruleForm.validate失效

var validateRightName = (rule, value, callback) => {
      if (!value) {
        callback(new Error("权限名称不能为空"));
      }else{
        callback()
      }
    };