亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

element 結(jié)合vue 在表單驗(yàn)證時(shí)有值卻提示錯(cuò)誤的解決辦法

 更新時(shí)間：2018年01月22日 13:58:57   作者：eeolady  
這篇文章主要介紹了element 結(jié)合vue 在表單驗(yàn)證下，有值卻提示錯(cuò)誤的解決辦法,需要的朋友可以參考下

綁定的值與規(guī)則指定的值一定要相同-------

第一步：

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">

加上rules ref

第二部：

<el-form-item label="活動(dòng)名稱" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item>

加上prop

第三部：

rules: {
name: [
{ required: true, message: '請(qǐng)輸入活動(dòng)名稱', trigger: 'blur' },
{ min: 3, max: 5, message: '長(zhǎng)度在 3 到 5 個(gè)字符', trigger: 'blur' }
],
resource: [
{ required: true, message: '請(qǐng)選擇活動(dòng)資源', trigger: 'change' }
],
}

這里加了required的話 prop的屁股后面就不用加了；這里其他的詳細(xì)驗(yàn)證看文檔

第四部：點(diǎn)擊提交表單

（這里有一個(gè)地方切記，<el-button type="primary" @click="submitForm('ruleForm')">提交表單</el-button>這里一定要引號(hào)引起來，搞定

submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {

這里是驗(yàn)證成功后該干嘛干嘛

} else {
console.log('error submit!!');
return false;
}
});
},

總結(jié)

以上所述是小編給大家介紹的element 結(jié)合vue 在表單驗(yàn)證時(shí)有值卻提示錯(cuò)誤的解決辦法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論