<template>
<el-form :model="formLabel" :rules="formRules" label-width="80px">
<el-form-item label="部門(mén)" prop="department">
<el-input v-model="formLabel.department"></el-input>
</el-form-item>
<el-form-item label="活動(dòng)區(qū)域" prop="areat">
<el-input v-model="formLabelAlign.activeareat"></el-input>
</el-form-item>
<el-form-item label="活動(dòng)形式" prop="ruleType">
<el-input v-model="formLabelAlign.activeType"></el-input>
</el-form-item>
</el-form>
</template>
return{
formLabel:{},
formRules:{
[
department:{required:true,message:'請(qǐng)輸入...',trigger:"change"},
],
[
areat:{required:true,message:'請(qǐng)輸入...',trigger:"change"},
],
[
ruleType:{required:true,message:'請(qǐng)輸入...',trigger:"change"},
]
}
}錯(cuò)誤原因是在return中定義了一個(gè)空對(duì)象formLabel,在校驗(yàn)過(guò)程中，formRules值找不到對(duì)應(yīng)的formLabel值，此時(shí)就出現(xiàn)了在輸入框中賦值之后，校驗(yàn)不消失文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-703933.html
解決方案：
return{
formLabel:{
department:'',
areat:'',
ruleType:'',
},
formRules:{
[
department:{required:true,message:'請(qǐng)輸入...',trigger:"change"},
],
[
areat:{required:true,message:'請(qǐng)輸入...',trigger:"change"},
],
[
ruleType:{required:true,message:'請(qǐng)輸入...',trigger:"change"},
]
}
}文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-703933.html
到了這里，關(guān)于【element-ui】 el-form之rules賦值后校驗(yàn)沒(méi)消失的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
