简单校验
- 定义要校验的数据对象模型model
- 校验规则rules在el-form定义的话,校验时,会根据rules.prop定义的值去找定义规则
如果将rules放在具体的el-form-item中者需要具体指出rules.prop
data中定义的校验:
4. 在使用过程中,容易反下面的错误,需要警惕
// 正确用法
user:[{
required: true, message: '请输入活动名称', trigger: 'blur' }]
// 错误示例,blur没加引号。
user:[{
required: true, message: '请输入活动名称', trigger: blur }]
5. rules定义的对象的属性名称要和model的属性名名称一致,使它们具有链接性,否则会校验不出预期的效果:
codeopen非常简单表单校验模型注意prop与model属性值的对应性
但是,经过实践发现,并不需要保持一致:这样仍然能够进行校验处理
:inline-message="true"注意这个属性,能够使得我们的错误信息显示以水平的方式显示
<el-form :model="$data" :rules="myRules" label-width="200px" :inline-message="true" >
<el-form-item label="续费时长:" prop="renewTimeRule">
<el-input size