el-form表单验证问题


el-form表单验证的prop的值必须跟
v-model="filterForm.kindName"里面的值一致,否则表单验证会有红色提示框


<
el-form :model="filterForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" > <el-form-item label="名称" prop="kindName"> <el-input v-model="filterForm.kindName"></el-input> </el-form-item> <el-form-item label="描述" prop="desc"> <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="filterForm.desc"> </el-input> </el-form-item> <el-form-item label="父级节点" prop="parentId"> <el-select v-model="filterForm.parentId" style="width:100%" placeholder="请选择"> <el-option v-for="item in treeData" :key="item.id" :label="item.kindName" :value="item.id" ></el-option> </el-select> </el-form-item> </el-form> rules: { kindName: [ { required: true, message: '请输入名称', trigger: 'blur' }, ], desc: [ { required: true, message: '请输入描述内容', trigger: 'change' } ], parentId: [ { required: true, message: '请选择', trigger: 'change' } ], } }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM