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')
                }
            },