vue的rule中使用validator(異步請求)驗證


export default {
  data() {
    return {
      form: {
        code: "",
        name: "",
        enable: true
      },
      rules: {
        code: [
          {
            required: true,
            validator: (rule, value, callback) => {
              if (value != "") {
                httpGet(`/cyclops/rwlx/checkCode/?code=${value}`)
                  .then(rst => {
                    if (rst) {
                      callback();
                    } else {
                      callback(new Error("審查任務類型編碼已存在,請重新輸入"));
                    }
                  })
                  .catch(e => callback(new Error(e.message)));
              } else {
                callback(new Error("請輸入審查任務類型編碼"));
              }
            },
            trigger: "change"
          }
        ],
..............................

注意所有的情況都需要回調callback(),如果觸發不了校驗,可能是漏掉了某種情況的回調callback()。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM