为表单添加验证

1 data中添加验证规则

validatePass是引入的验证方法，触发方式是失去焦点触发

 rules: {
          pass: [
            { validator: validatePass, trigger: 'blur' }
          ],
          checkPass: [
            { validator: validatePass2, trigger: 'blur' }
          ],
          age: [
            { validator: checkAge, trigger: 'blur' }
          ]
        }
      };

2. 讲规则绑到表单上

在el-form标签中
 :rules="rules"

在el-form-item中 添加prop属性
 <el-form-item label="密码" prop="pass">

3. 提交时，统一验证

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