----element-ui自定义表单验证----

1.首先我们要在form表单元素上绑定rules和model这两个属性,rules代表你的自定义表单验证规则,model代表你需要验证的数据。

2.在表单里绑定的值一定是model绑定的数据里的某个值,我们需要验证哪个字段,就在哪个el-form-item标签上绑定prop属性,值为你自定义规则里对应的值(自定义规则的值名称应和你model绑定的数据里的值的名称对应)

3.接下来总结一下我验证时用到的自定义规则类型

1)输入框

2)时间控件:

3)下拉框:

4)关联关系,判断是否小于某个值:(此时validator为自定义规则,需要在data中声明。我们需要通过事件去触发规则里面的自定义方法)

5)数组类型:

6)单选按钮(切换时关联输入框)

 

 7)单选按钮关联时间控件:

 

 8)上传照片验证:

 9)多选框:

 

 

10)照片墙:

 

 11)table里做验证:

 

原文地址:https://www.cnblogs.com/zjy850984598/p/11421271.html