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')
                    }
                },
  • 相关阅读:
    ◆ C++中通过溢出覆盖虚函数指针列表执行代码
    关于在OnTimer中连续弹出对话框的讨论
    SetTimer
    Windows内核对象
    日志收缩
    暴力求值
    低级问题
    函数限制
    字符串找字段和表
    android错误提示说明汇总
  • 原文地址:https://www.cnblogs.com/xhrr/p/14474042.html
Copyright © 2011-2022 走看看