vue element ui - form表单验证 作者:马育民 • 2022-09-26 08:30 • 阅读:10158 # 说明 官方网址: https://element.eleme.cn/#/zh-CN/component/form ### 官方例子 [![](/upload/0/0/1IX47JCrJbc6.png)](/upload/0/0/1IX47JCrJbc6.png) Form 组件提供了表单验证的功能,只需要通过 `rules` 属性传入约定的验证规则,并将 Form-Item 的 `prop` 属性设置为需校验的字段名即可。校验规则参见 `async-validator` ### 代码解释:编写代码 [![](/upload/0/0/1IX47mvFccyE.png)](/upload/0/0/1IX47mvFccyE.png) 必须有 `:model="form_data"` ### 代码解释:执行过程 [![](/upload/0/0/1IX47JRoftoj.png)](/upload/0/0/1IX47JRoftoj.png) ### 代码 ``` - 立即创建 重置 ``` 原文出处:http://malaoshi.top/show_1IX47JGriN1B.html