微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

this.$refs[formName].validate((valid) =>{} 无效,vue验证表单无效

问题:

this.$refs[formName].validate((valid) =>{} 无效的问题,当验证通过的时候点确定按钮没有报错,也没有任何反应。

背景:

ruoyi前后端分离新项目,前端vue。

解决

参考:

this.$refs[formName].validate((valid) =>{} 无效 - 搬砖的苦行僧 - 博客园 (cnblogs.com)

一个 if 都要对应了一个 else 并且每个条件 下 都要 callback 确保 在不同情况下 都会执行callback所以要在验证时加上else的callback(),具体可看下面的opMoney(在最后)

rules: {
        opMoney:[{ //如此代码required: true,
            validator: (rule, value, callback) => {
              if(value == null) {
                callback(new Error('请输入操作金额')); //该函数如同return
              }
              if(isNaN(parseInt(value))) {
                 callback(new Error('请输入数字'));
              }
              if(value == 0) {
                callback(new Error('请输入操作金额'));
              }
              if(value < 0) {
                callback(new Error('请输入正数'));
              }
              callback(); //如果都没有问题,最后一定要加上此句
            },
            trigger: 'blur'
        }]
      },

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐