elment表单验证那些事

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

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

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

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

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

    

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

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

你可能感兴趣的:(前端,javascript,vue.js,element-ui)