zoukankan      html  css  js  c++  java
  • element-ui表单验证-根据接口返回状态修改校验提示信息

    默认校验规则

      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')
                    }
                },
  • 相关阅读:
    AGC002
    ICPC 北美Mid Central 2019 Regional
    【洛谷 5020】货币系统
    【洛谷 1109】学生分组
    【洛谷 2915】奶牛混合起来
    【洛谷 4162】最长距离
    【YCOJ 3805】竞选
    【洛谷 2807】最长路
    【洛谷 2918】买干草Buying Hay
    【LOJ 10172】涂抹果酱
  • 原文地址:https://www.cnblogs.com/xhrr/p/14474042.html
Copyright © 2011-2022 走看看