使用element 实现form表单中可以选择element的图标

你可以使用 Element UI 提供的 Icon 组件来实现在表单中选择图标的功能。以下是一个示例代码：

<template>
  <el-form>
    <el-form-item label="选择图标">
      <el-select v-model="selectedIcon" placeholder="请选择图标">
        <el-option v-for="icon in icons" :key="icon" :label="icon" :value="icon">
          <i :class="`el-icon-${icon}`"></i>
        </el-option>
      </el-select>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      selectedIcon: '',
      icons: ['edit', 'delete', 'search'] // 可以根据需求添加更多图标
    }
  }
}
</script>

在上面的示例中，我们使用了 Element UI 的 Select 组件来展示图标列表，每个选项都使用了 Icon 组件来显示对应的图标。当用户选择一个图标时，该图标的值会被绑定到 `selectedIcon` 变量上。

你可以根据需要修改 `icons` 数组来包含你想要的图标，这里只提供了一些示例。同时，你可以根据 Element UI 的文档来进一步定制样式和功能。

希望对你有所帮助！如有任何问题，请随时提问。