小編給大家分享一下vue+element ui表單驗(yàn)證有值但驗(yàn)證失敗怎么辦，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

目前創(chuàng)新互聯(lián)已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、項(xiàng)城網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

一.如圖：有值但是驗(yàn)證失敗

二.

 
  
 


export default {
data() {
 return {
  form: {
   template: null
  }
  rules: [
   template:{required: true, message: '數(shù)據(jù)模板不能為空', trigger: 'blur'}
  ]
 }
}
}

以上是正確的驗(yàn)證例子。

三.

目前碰到兩種情況會(huì)導(dǎo)致驗(yàn)證失敗，而且使用自定義驗(yàn)證形式的時(shí)候發(fā)現(xiàn)value的值為undefined：

1.prop和v-model的值名稱不一致

           1必須和2名稱保持一致，3處的變量也需和2處的prop保持一致

   2.在data{}里面沒有聲明變量也會(huì)導(dǎo)致驗(yàn)證失敗，使獲取的值value值為undefined。

看完了這篇文章，相信你對(duì)“vue+element ui表單驗(yàn)證有值但驗(yàn)證失敗怎么辦”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！