vue.js element-ui validate中代碼不執(zhí)行怎么辦

小編給大家分享一下vue.js element-ui validate中代碼不執(zhí)行怎么辦，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在自定義驗證里面每一個判斷都要有callback(),就是要保證callback()一定會執(zhí)行到

因為要驗證數(shù)字，參考了官網(wǎng)參考代碼如下，發(fā)現(xiàn)有如下圖bug，當輸入為以數(shù)字開頭包含字符串的內(nèi)容時，驗證不會報錯，因為業(yè)務(wù)邏輯也不相符，隨改寫代碼

<el-form-item label="年齡" prop="age">
  <el-input v-model.number="ruleForm2.age"></el-input>
 </el-form-item>
var checkAge = (rule, value, callback) => {
    if (!value) {
     return callback(new Error('年齡不能為空'));
    }
    setTimeout(() => {
     if (!Number.isInteger(value)) {
      callback(new Error('請輸入數(shù)字值'));
     } else {
      if (value < 18) {
       callback(new Error('必須年滿18歲'));
      } else {
       callback();
      }
     }
    }, 1000);
   };

image.png

let checkNumber = (rule, value, callback) => {
 if (!value) {
  return callback(new Error('預存款不能為空'));
 }
 setTimeout(() => {
  if (!Number.isInteger(Number(value))) {
   callback(new Error('請輸入數(shù)字值'));
  } 
  /*
  else {
     callback()
    }
  */
 }, 100);
};

因為最開始直接刪掉了else中所有內(nèi)容，在執(zhí)行 this.$refs[formName].validate((valid) => {}) 時候，內(nèi)部代碼一直不會執(zhí)行，最后發(fā)現(xiàn)在自定義驗證里面每一個判斷都要有callback(),就是要保證callback()一定會執(zhí)行到。

以上是“vue.js element-ui validate中代碼不執(zhí)行怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！