element ui form表单 提交前拦截

Element UI 的 Form 表单在提交之前通常会提供拦截（validation 或校验）功能，这是为了确保用户输入的数据满足预设的要求或者符合业务逻辑。你可以通过监听 `submit` 事件并在该事件处理函数中添加验证逻辑来实现这个功能。

以下是基本步骤：

1. 首先，在 Vue 组件里引入 Element UI 的 Form 组件：

   <el-form ref="formRef" :model="formData" @submit.prevent="handleSubmit">
     <!-- ... -->
   </el-form>

2. 定义一个方法 `handleSubmit` 来处理表单提交：

   methods: {
     handleSubmit() {
       // 使用 this.$refs.formRef.validate 执行数据校验
       this.$refs.formRef.validate((valid) => {
         if (valid) {
           // 如果校验通过，执行实际的提交操作
           // 这里可以发送请求、保存数据等
           console.log('Form is valid, submitting...');
         } else {
           // 如果校验未通过，阻止提交并显示错误信息
           console.log('Form validation failed.');
           return false; // 返回 false 可以阻止默认的提交行为
         }
       });
     }
   }

3. 利用 Element UI 的内置验证规则或者自定义验证函数对表单字段进行检查。例如，`required` 属性用于必填项验证，`validate(rule, value, callback)` 函数可用于自定义验证。

在使用过程中，你还可以设置验证失败后的提示消息，并可以配置 Form 的验证规则和错误提示样式。如果需要，可以根据业务需求进一步定制验证逻辑。