<el-form-item插槽举例

`<el-form-item>` 是 Element UI 表单组件中的一个组件，它可以对表单元素进行包装，并提供了一些验证和错误提示的功能。使用 `<el-form-item>` 组件时，我们可以使用插槽来自定义表单元素的显示内容和布局。

以下是一个使用插槽自定义表单元素的示例：

<el-form :model="form" label-width="80px">
  <el-form-item label="姓名">
    <template #default>
      <el-input v-model="form.name"></el-input>
    </template>
    <template #label>
      <span>自定义姓名：</span>
    </template>
  </el-form-item>
  <el-form-item label="年龄">
    <template #default>
      <el-input v-model.number="form.age"></el-input>
    </template>
    <template #error>
      <span style="color: red;">请输入正确的年龄</span>
    </template>
  </el-form-item>
</el-form>

在这个示例中，我们使用了两个插槽：`#default` 和 `#label`。`#default` 插槽用于自定义表单元素的显示内容，这里我们使用了 `<el-input>` 组件来显示输入框。`#label` 插槽用于自定义表单元素的标签内容，这里我们添加了一个前缀 "自定义"。

另外，我们还使用了 `v-model` 指令来绑定表单数据，使用 `v-model.number` 来将输入框的值转换为数字类型。同时，我们还使用了 `#error` 插槽来自定义表单元素的错误提示内容。