在使用element-UI 的表單時(shí)集侯,發(fā)生一個(gè)驗(yàn)證錯(cuò)誤,錯(cuò)誤圖片先貼出來
輸入有值试躏,但報(bào)錯(cuò)
代碼如下所示:
原綁定
rules規(guī)則
綁定都是沒有錯(cuò)誤的猪勇,然后我們利用自定義校驗(yàn)規(guī)則驗(yàn)證
使用官網(wǎng)給出的這種形式,將value值打印出來颠蕴,發(fā)現(xiàn)并不能獲取到input中的值泣刹,顯示undefined
最終發(fā)現(xiàn),prop對(duì)應(yīng)的不單單是rules規(guī)則里面的驗(yàn)證項(xiàng)犀被,同時(shí)對(duì)應(yīng)著我們form-item下的v-model的值椅您。prop綁定的類要與el-form-item下的v-model的值相對(duì)應(yīng)。我們將其做個(gè)修改
修改prop
將rules名與prop對(duì)應(yīng)
成功
這樣寡键,問題就解決了