最近在做項目的時候,對表單的內容進行驗證時,遇見了一個小坑。也不算是小坑,自己閱讀官方文檔不仔細的原因。
自己使用vue.js自帶的vue-validator(驗證器)對屬性為ip的輸入框進行驗證。下圖是驗證代碼:
驗證的是輸入框里面的內容,自己一開始沒有將:model綁定的值和:rules中prop綁定的值進行統一,所以雖然驗證函數可以使用,但value一直報undefined。
因為函數可以調用,并不管輸入什么類型,都一直報不合法。這讓自己開始以為綁定沒有問題,是自己驗證代碼的問題。后來,花費了很長的時間才解決了。粗心吃了啞巴虧。雖然是一個很小的問題,自己還是記錄下來,說不定哪一天又忘了。。。