使用elementui 的validateField,resetFields,clearValidate的使用


1  validateField 對部分表單字段進行校驗的方法,Function(props: array | string, callback: Function(errorMessage: string))

eg:this.$refs.newForm.validateField('photos')
 
2  resetFields 對整個表單進行重置,將所有字段值重置為初始值並移除校驗結果
eg:this.$refs.newForm.resetFields()
 
3 clearValidate 移除表單項的校驗結果。傳入待移除的表單項的 prop 屬性或者 prop 組成的數組,如不傳則移除整個表單的校驗結果
eg:this.$refs.newForm.clearValidate()
        this.$refs.newForm.clearValidate('photos')

需要注意的是:當手動將內容清空后再使用resetFields ,會被初始化為清空之前(只限於被清空的內容)如:
newObj:{
  parsA: ‘’,
  parsB:‘’,
}
//因編輯需要數據回顯使得newObj變為如下數據:
newObj:{
  parsA: ‘a’,
  parsB:‘b’,
}
//手動重置了 newObj.parsA = ''
//在使用this.$refs.newForm.resetFileds()
//會使得newObj變為如下內容:
newObj:{
  parsA: ‘a’,
  parsB:‘’,
}

  

 


免責聲明!

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



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