一.如圖:有值但是驗(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。
聯(lián)系客服