element plus,表单校验，手动校验某一个字段

Element Plus是一个基于Vue.js的UI组件库，它提供了一套丰富的、美观的界面元素，包括各种表单组件。在Element Plus的表单组件中，比如`el-form`，内置了强大的校验功能。

当你想要手动校验某个字段时，可以在对应的表单字段上设置`rules`属性。例如，如果你有一个名为`username`的输入框，你可以这样做：

<template>
  <el-form :model="form" ref="form">
    <el-form-item label="用户名" prop="username">
      <el-input v-model="form.username" placeholder="请输入用户名"></el-input>
      <el-form-item-explain slot="tip" show-message>{{ validateUsername(form.username) }}</el-form-item-explain>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        username: '',
      },
    };
  },
  methods: {
    validateUsername(value) {
      if (value.length < 5) {
        return '用户名长度至少为5字符';
      } else {
        return '';
      }
    },
  },
};
</script>

在这个例子中，`validateUsername`方法用于检查用户名是否满足特定条件，并返回一个错误提示，如果验证失败则会在`el-form-item-explain`标签内显示。这个过程并不依赖Form的自动校验，而是手动触发的。