首页 > 其他 > 详细

element-ui表单验证-根据接口返回状态修改校验提示信息

时间:2021-03-03 15:08:22      阅读:289      评论:0      收藏:0      [点我收藏+]

 

默认校验规则

技术分享图片

 

 

 

  pid: {
       required: true,
       message: ‘请选择‘,
       trigger: ‘change‘
  },

需要实现的

场景: 下拉的时候根据接口判断用户的选择是否已存在

技术分享图片

 

  data(){
       var
validateSid = (rule, value, callback)=>{ if(value == ‘‘){ console.log(‘0‘); callback(new Error(‘请选择所属项目‘)) }else if(this.sidMess != ‘‘){ console.log(‘0‘); callback(new Error(this.sidMess)) }else{ console.log(‘0‘); callback() } }

      return{
                sidMess: ‘‘,
         rules:{
            sid: { validator:validateSid, trigger: ‘change‘},
          }
        }
   }
 

 

       async plateChange(val) {this.sidMess = ‘‘
                this.platformList.forEach(item => {
                    if (item.sid == val) {
                        this.addForm.projectName = item.name
                    }
                })
                let res = await get(`xxxxxx?sid=${this.addForm.sid}`)
                let {code,msg} = res
                if(code==0){
                    this.sidMess = ‘‘
                } else{
                    this.sidMess = msg
                    this.$refs.addForm.validateField(‘sid‘)
                }
            },

 

element-ui表单验证-根据接口返回状态修改校验提示信息

原文:https://www.cnblogs.com/xhrr/p/14474042.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!