本篇文章給大家分享的是有關(guān)怎么在iview中使用form清除校驗狀態(tài)，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)是一家專業(yè)的成都網(wǎng)站建設(shè)公司，我們專注做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷、企業(yè)網(wǎng)站建設(shè)，買友情鏈接，廣告投放為企業(yè)客戶提供一站式建站解決方案，能帶給客戶新的互聯(lián)網(wǎng)理念。從網(wǎng)站結(jié)構(gòu)的規(guī)劃UI設(shè)計到用戶體驗提高，創(chuàng)新互聯(lián)力求做到盡善盡美。

方法一：修改 formItem 字段屬性

在iview 的官方api 中并沒找到清除校驗狀態(tài)的方法，看了下源碼，用一個粗糙的方法解決了。

源文件 form-item.vue 中的 resetField方法 是通過修改這兩個屬性的值清空狀態(tài)和提示的

其實就是把 formItem 的兩個屬性值進(jìn)行了修改，
v.validateDisabled 是否校驗
v.validateState 展示狀態(tài)（校驗錯誤時此處值為 'error'）
v.validateMessage 錯誤提示文字

修改狀態(tài)的同時需要把校驗規(guī)則清掉，否則在提交時還會再次觸發(fā)校驗方法。

方法二：控制 form 渲染

后來在置空校驗規(guī)則的時候，初始如果沒有規(guī)則的話，則不會校驗（除非去點(diǎn)擊提交按鈕），然后想到用 v-if 控制 form 的渲染時機(jī)，當(dāng)校驗規(guī)則發(fā)生變化的時候重新渲染，這樣就能保證規(guī)則和 DOM 是同步的，也不用費(fèi)力去修改屬性

這時就用到了 Promise（真是個好東西），超簡單的做了個 callback，每次切換控制按鈕都進(jìn)行這么一套渲染（主要還是代碼中調(diào)用這個方法的地方太多，懶的去改），也是粗暴的把這個需求對付上了。

以上就是怎么在iview中使用form清除校驗狀態(tài)，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：怎么在iview中使用form清除校驗狀態(tài)-創(chuàng)新互聯(lián)
文章分享：http://weahome.cn/article/iohgh.html