新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue+elementui表單驗證有值但驗證失敗怎么辦-創(chuàng)新互聯(lián)
小編給大家分享一下vue+element ui表單驗證有值但驗證失敗怎么辦,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
一.如圖:有值但是驗證失敗
二.
export default { data() { return { form: { template: null } rules: [ template:{required: true, message: '數(shù)據(jù)模板不能為空', trigger: 'blur'} ] } } }
以上是正確的驗證例子。
三.
目前碰到兩種情況會導(dǎo)致驗證失敗,而且使用自定義驗證形式的時候發(fā)現(xiàn)value的值為undefined:
1.prop和v-model的值名稱不一致
1必須和2名稱保持一致,3處的變量也需和2處的prop保持一致
2.在data{}里面沒有聲明變量也會導(dǎo)致驗證失敗,使獲取的值value值為undefined。
看完了這篇文章,相信你對“vue+element ui表單驗證有值但驗證失敗怎么辦”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
標(biāo)題名稱:vue+elementui表單驗證有值但驗證失敗怎么辦-創(chuàng)新互聯(lián)
文章URL:http://fisionsoft.com.cn/article/hsosi.html