element-ui表单验证的方法使用

所需要的组件：form表单

表单验证

在防止用户犯错的前提下，尽可能让用户更早地发现并纠正错误。

也就是带*的是必填项，如果没有输入则不会执行。

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">

需要的属性

ref 引用

rules 表单验证规则，可以自定义

如何实现验证必填，那么需要通过 ref获取这个表单项，使用自带的方法

这里以上面的这个表单为例

this.$refs.ruleForm.validate((valid) => {
          if (valid) {
            alert('submit!');
          } else {
            console.log('error submit!!');
            return false;
          }

return false 取消了接下来的行为