element plus，form,手动展示某一字段的错误信息

Element Plus是一个基于Vue.js的UI组件库，它提供了一套丰富且易用的界面元素，包括表单组件。在Element Plus的表单组件中，`el-form` 是用于组织表单元素的核心组件，而 `el-form-item` 则表示单个表单字段。

当你需要手动展示某一字段的错误信息时，可以在`el-form-item`上设置`prop`属性来绑定到数据模型的一个特定字段，比如`validateStatus`通常用于存储验证状态。如果该字段的值为非空字符串（如"error"），则说明该字段有误。你可以通过以下方式来显示错误：

<template>
  <el-form :model="form">
    <el-form-item label="字段名" prop="fieldName">
      <el-input v-model="form(fieldName)" :rules="fieldRules"></el-input>
      <el-form-item-error slot="message" :value="form.errors[fieldName]"></el-form-item-error> <!-- 显示错误信息 -->
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: { fieldName: '' },
      fieldRules: [{ required: true, message: '必填', trigger: 'blur' }] // 规则示例
    };
  }
};
</script>

在这个例子中，当用户输入完成后触发`blur`事件（默认规则），如果`fieldName`为空，`fieldRules`中的验证规则会检查并设置`form.errors[fieldName]`。然后，`el-form-item-error`将根据这个错误信息动态渲染出提示文本。