element-ui表單自定義規則導致-validate不能執行。


 element-ui的表單驗證規則只是簡單的規則,很多時候我們需要添加自定義的規則。比如

let checkNumL = (rule, value, callback) => {
        if (String(value).length !== 11) {
          return callback(new Error('聯系方式必須為11位!'))
        } else {
          callback()
        }
      }

剛開始寫的時候,發現怎么也不能執行最后的驗證方法了

 if (valid) {
            if (new Date(this.formList.date1).getTime() > new Date(this.formList.date2).getTime()) {
              this.$message.error('開始日期必須小於結束日期')
              return false
            } else {
              this.$http(method, url, {}, self.formList).then((data) => {
                if (parseInt(data.code) === 0) {
                  self.$emit('listrefresh')
                  this.$message({
                    message: '新增成功',
                    type: 'success'
                  })
                  this.dialogFormVisible = false
                }
              })
            }
          } else {
            console.log('error submit!!')
            return false
          }

這個時候,一定要在自定義規則之后加上else{callback()}

否則,callback不能進行回調。導致validate()無法執行。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM