FaIconSelector 图标选择器

支持 Element Plus 图标、Fast 图标、自定义图标列表、关键字搜索、清空和 v-model。

图标搜索、选择与清空

查看代码

Vue

<template>
	<div class="demo-stack">
		<FaIconSelector v-model="icon" style="max-width: 360px" />
		<span class="demo-value">当前图标：{{ icon ?? "未选择" }}</span>
	</div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const icon = ref<string | null>("el-icon-Search");
</script>

FaIconSelector 完整 API

Props 属性 (2)

属性	来源	说明	类型	默认值
modelValue	Fast 新增	v-model 绑定值。	String	—
customIcons	Fast 新增	追加到图标选择器中的自定义图标名称列表。	Array	[]

Events 事件（2）

名称	来源	说明	参数 / 类型
update:modelValue	Fast 新增	更新 v-model。	—
change	Fast 新增	值或选择发生变化。	—

Slots 插槽（0）

名称	来源	说明	参数 / 类型
无。

Expose 暴露（2）

名称	来源	说明	参数 / 类型
iconType	Fast 新增	当前图标选择器使用的图标来源类型。	—
value	Fast 新增	图标选择器当前绑定值。	—