elment表单验证那些事

场景分析:
根据不通需要在不同情况下动态实现验证表单数据
具体实现方式有两种,第一种代码如下:

<el-form-item label="执行科室" :prop="(isFlag == '检查类' || isFlag == '检验类') ? 'deptIds' : 'deptIdsEmpty'">

主要是prop写三目运算,判断是否需要验证
然后在规则中rules添加以下代码

deptIds: [{ required: true, message: '请选择执行科室', trigger: 'change' }],//-------------这个是需要添加必填的验证
deptIdsEmpty: []//------------------这个用来处理不需要必填的验证

上述代码可以做到动态添加是否必填的效果,亲测有效

第二种方法也可以实现,代码如下:

    <el-form-item label="执行科室" prop="deptIds" :rules="{required: isFlag == '检查类' ? true : false, message: '请输入别名拼音码', trigger: 'blur'}">

通过这种方式去判断required属性是否为true去添加取消是否必填,这种写法html的结构会非常多,个人感觉后期维护可能会比较费劲一些

tip: 上述两种方式都可以实现表单是否必填的需求,有需要的可以看一下,欢迎留言讨论