Element 表单检验不通过解决思路

it2025-12-24  7

先查看Model相关

需要确认是否在<el-form>中绑定:model <el-form :model="ruleForm" :rules="rules" ref="ruleForm"> 其中ruleForm在data中不能是空对象,必须包括所需校验的字段值 data(){ return { ruleForm:{ test1: "", // 必须写出具体值 test2: "", } } }

再查看rule相关

需要确认是否在<el-form>中绑定:rules

data中rules如果为空值,则需要写内部rule进行校验

<el-form-item prop=“test1” rules="[{ required: true, message: ‘必填’}]" >否则需要在data中的rules声明rule具体值 data(){ return { rules:{ test1: [{required: false, message: ''}],, // 必须写出具体值 } } ```

最后查看rule的触发方式是否是符合需求的,若不写trigger默认是change

最新回复(0)