本文介绍了在Vue项目中使用Element-UI进行表单验证的两种方法。第一种是在`el-form-item`单个添加验证，适用于个别检验或表单字段变动的情况；第二种是全局表单验证，适用于全部字段校验或简单数据类型的验证。通过`:rules`属性结合`data()`中的验证规则实现。示例中包括了用户名和密码的非空验证，并提到了更多复杂的验证类型如手机号、邮箱等。
在开始之前需要把element-ui在vue中引入好，如果没有引入好的话，需要先跟着element-ui的文档进行操作，接下来就可以进行学习了。
第一种：在el-form-item单个添加验证
这种方式适用于需要个别检验的字段，或者表单字段有变动的校验；
做法：需要在el-form-item标签中加入 :rules=’'直接是验证的条件 ''
下面举个例子（验证用户名 不能为空）
第二种：在表单上加多个验证
这种方式适用于表单全部字段校验或需要校验字段类型比较简单的数据类型
做法：需要在el-form-item标签中加入 :rules=’'rules ‘’ ，然后在data()中写入rule{添加每个表单的验证}
下面举个例子（验证用户名和密码 不能为空）
最低0.47元/天 解锁文章
2405
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
