el-form-item表单验证某个字段显示成功信息

在Ant Design Vue的`el-form-item`中，如果需要对某个字段进行验证并展示成功的信息，通常会在表单的验证规则里设置相应的验证状态提示。以下是一个基本的例子：

<template>
  <el-form :model="form" :rules="rules">
    <el-form-item label="邮箱" prop="email">
      <el-input v-model="form.email"></el-input>
      <el-form-item-explain :show="{ type: 'success', when: errors => !errors.email }">
        邮箱已验证
      </el-form-item-explain>
    </el-form-item>
    <!-- 其他 form-item... -->
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        email: '',
      },
      rules: {
        email: { required: true, message: '请输入邮箱', trigger: 'blur' }, // 验证规则
      },
    };
  },
  computed: {
    errors() { // 获取表单的验证错误信息
      return this.$refs.form.validate();
    },
  },
};
</script>

在这个例子中，当`email`字段通过验证时（即`errors.email`为`false`），对应的解释部分会显示“邮箱已验证”的成功信息。`show`选项里的`type`设为'success'表示显示成功消息，`when`则是一个条件判断表达式，只有当验证失败时才会隐藏该提示。