vue项目表单form提交验证规则(Element-ui)

1、效果图

vue项目表单form提交验证规则(Element-ui)

2、表单验证(element中的规则)

①:Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。

vue项目表单form提交验证规则(Element-ui)

 ②:在data里面定义rule规则:

vue项目表单form提交验证规则(Element-ui)

 ③:在点击确定进行表单验证,element中提供函数

vue项目表单form提交验证规则(Element-ui)

 vue项目表单form提交验证规则(Element-ui)

 

上一篇:allure 报告空白


下一篇:formRef=React.createRef() this.formRef.current为null