图标选择器

介绍

本文介绍如何在 vue3-element-admin 项目中使用图标选择器。

使用示例

<template>
  <IconSelect v-model="iconName" />
</template>

<script setup lang="ts">
  // 导入组件, 默认无需导入，已全局注册
  import IconSelect from '@/components/IconSelect/index.vue'
  // Element Plus 图标：以 "el-icon-" 开头
  const iconName = ref("el-icon-edit");

  // 本地 SVG 图标：使用 src/assets/icons 目录下的文件名（无需 .svg 后缀）
  // 示例：const iconName = ref("fullscreen");
</script>

参数说明

名称	详情	类型	默认值
v-model	绑定值，选择图标名称	string	—

源码

• 图标选择器