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