iview form清除校驗狀態(tài)的實現(xiàn)
有個需求，要求對輸入框進行 啟用/禁用 的切換，同時在禁用時要清除輸入框的校驗狀態(tài)（那個紅框）。
方法一：修改 formItem 字段屬性
在iview 的官方api 中并沒找到清除校驗狀態(tài)的方法，看了下源碼，用一個粗糙的方法解決了。
源文件 form-item.vue 中的 resetField方法 是通過修改這兩個屬性的值清空狀態(tài)和提示的
其實就是把 formItem 的兩個屬性值進行了修改，
v.validateDisabled 是否校驗
v.validateState 展示狀態(tài)（校驗錯誤時此處值為 'error'）
v.validateMessage 錯誤提示文字
修改狀態(tài)的同時需要把校驗規(guī)則清掉，否則在提交時還會再次觸發(fā)校驗方法。
方法二：控制 form 渲染
后來在置空校驗規(guī)則的時候，初始如果沒有規(guī)則的話，則不會校驗（除非去點擊提交按鈕），然后想到用 v-if 控制 form 的渲染時機，當(dāng)校驗規(guī)則發(fā)生變化的時候重新渲染，這樣就能保證規(guī)則和 DOM 是同步的，也不用費力去修改屬性
這時就用到了 Promise（真是個好東西），超簡單的做了個 callback，每次切換控制按鈕都進行這么一套渲染（主要還是代碼中調(diào)用這個方法的地方太多，懶的去改），也是粗暴的把這個需求對付上了。
后續(xù)研究一下，在原基礎(chǔ)上增加一個方法專門用來清除狀態(tài) ^_^
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了在vue中使用公共過濾器filter的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-06-06
這篇文章主要介紹了Vue 匿名、具名和作用域插槽的使用方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
Vue配合iView實現(xiàn)省市二級聯(lián)動的示例代碼
本篇文章主要介紹了Vue配合iView實現(xiàn)省市二級聯(lián)動的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
前端配合后端實現(xiàn)Vue路由權(quán)限的方法實例
一開始我還以為vue的路由只能用在工程化的項目里面,其實不然,下面這篇文章主要給大家介紹了關(guān)于前端配合后端實現(xiàn)Vue路由權(quán)限的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-05-05
巧妙運用v-model實現(xiàn)父子組件傳值的方法示例
這篇文章主要介紹了巧妙運用v-model實現(xiàn)父子組件傳值的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
這篇文章主要介紹了Vue3.0靜態(tài)文件存放路徑與引用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue?Router嵌套路由(children)的用法小結(jié)
嵌套路由就是父路由里面嵌套他的子路由，父路由有自己的路由導(dǎo)航和路由容器（router-link、router-view），通過配置children可實現(xiàn)多層嵌套，這篇文章主要介紹了Vue--Router--嵌套路由(children)的用法,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了Vue3框架使用報錯以及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了如何解決vue2.0下IE瀏覽器白屏問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
vue新建項目并配置標(biāo)準(zhǔn)路由過程解析
這篇文章主要介紹了vue新建項目并配置標(biāo)準(zhǔn)路由過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12