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