标签：vue 无效 value callback valid Error new refs

问题：

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'
        }]
      },

标签：vue,无效,value,callback,valid,Error,new,refs
来源： https://www.cnblogs.com/sykfrt/p/16642085.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。