码迷,mamicode.com
首页 > 其他好文 > 详细

vue的rule中使用validator(异步请求)验证

时间:2020-05-28 16:15:13      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:trigger   val   ret   http   catch   注意   value   code   class   

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()。

vue的rule中使用validator(异步请求)验证

标签:trigger   val   ret   http   catch   注意   value   code   class   

原文地址:https://www.cnblogs.com/pzw23/p/12981239.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!