免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
vue踩坑:vue+ element ui 表單驗(yàn)證有值但驗(yàn)證失敗。
一.如圖:有值但是驗(yàn)證失敗

 

 



二.
 1 <el-form :model="form" :rules="rules"> 2   <el-form-item label="數(shù)據(jù)模板" prop="template" > 3     <el-col :span="20"> 4       <el-input type="textarea" v-model="form.template" :rows="8" placeholder="請(qǐng)輸入數(shù)據(jù)模板" :readonly="true" ></el-input> 5     </el-col> 6   </el-form-item> 7 </el-form> 8  9 export default {10   data() {11     return {12       form: {13         template: null14       }15       rules: [16         template:{required: true, message: '數(shù)據(jù)模板不能為空', trigger: 'blur'}17       ]18     }19   }20 }

 

以上是正確的驗(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。

 

 

 

 

 

 

 

 

 

 

 
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
成功element ui輸入驗(yàn)證
vue element table中自定義一些input的驗(yàn)證
vue動(dòng)態(tài)創(chuàng)建form表單,如何添加rules驗(yàn)證?
Vue.js 創(chuàng)建一個(gè) CNODE 社區(qū)(4)
Vue.js函數(shù)式組件的全面了解
Vue環(huán)境搭建
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服