element validate 同步

Element.js（通常简称Element UI）是一个流行的开源Vue.js前端组件库，它提供了一系列丰富的UI组件和功能。`element-validate`是Element UI的一个验证插件，用于同步地验证表单输入。当你设置好验证规则并调用验证方法，比如`.validate()`，该方法会立即检查各个字段是否满足规则，并返回一个验证结果对象，包含每个字段的状态（如有效、错误消息等）。如果所有验证通过，你还可以选择是否提交表单。

例如，你可以这样使用：

<el-form :model="form" :rules="rules" ref="ruleForm">
  <el-form-item label="邮箱" prop="email">
    <el-input v-model="form.email"></el-input>
  </el-form-item>
</el-form>

<script>
export default {
  data() {
    return {
      form: {
        email: '',
      },
      rules: {
        email: { required: true, message: '请输入邮箱', trigger: 'blur' }, // 验证规则
      },
    };
  },
  methods: {
    submit() {
      this.$refs.ruleForm.validate((valid) => {
        if (valid) {
          // 提交表单...
        } else {
          console.log('表单验证失败');
        }
      });
    },
  },
};
</script>