VUE表單錯誤驗證bug

最近其他部門忙不過來,我們需要新增的後臺管理頁面沒有寫,就去寫點前端,進入還y遇到一個小bug,百度也沒有百度到答案,特地記錄下。


前提頁面是一個新增頁面,有些字段會根據類型顯示和隱藏,然後就出現了驗證bug,步驟如下,首先第一種默認類型,小標題不是必填的。如下圖:


VUE表單錯誤驗證bug

切換下位置類型,一些字段隱藏,一些字段出現。如下圖:

VUE表單錯誤驗證bug

再切換回來,出現bug,小標題顯示必填了。如下圖:

VUE表單錯誤驗證bug


以下內容可能懂前端的更清楚;

管理頁面是用vue搭建的,form表單執行加rules,在rules對應的json裡面只要有對應字段的必填驗證就會在上面顯示紅色*表示必填。可是我明明沒有加這個字段,出現的莫名其妙,最後怎麼測試都不能解決,百度上也找不到解決辦法,相似的都沒有!


在百度過程中找到一個說table錯了的,然後加了一個key就解決了,我想我這個應該也是差不多這個原因,於是大膽嘗試在小標題上面加了個key。

如下圖:

VUE表單錯誤驗證bug

然後竟然就解決了!

VUE表單錯誤驗證bug


感覺就是因為用的v-if有些字段有時有有時又沒有,但是驗證規則都寫在一起的,所以導致多次渲染出現了問題。不過我不懂前端,以上只是大膽猜想,希望有懂前端的可以講講!


Java程序員日常學習筆記,如理解有誤歡迎各位交流討論!


VUE表單錯誤驗證bug


分享到:


相關文章: