vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标

从iconfont下载svg图标

放到前端svg目录

给IconSelect添加图标类型

/src/components/Icon/src/IconSelect.vue

tabsList变量添加一种类型,让图标选择器可加一种类型的图标

因为用的是svg,所以name要写成svg-icon:(别忘了:)

添加图标

/src/components/Icon/src/data.ts

添加类型svg-icon:,并且写上刚才的svg的名字

结果

这样就能在图标选择组件中选择自己的svg图标了

相关推荐
浅水壁虎32 分钟前
vue基础(第四章 Pinia)
前端·javascript·vue.js
学习星球2 小时前
Vue 3 实战:拆解 RealWorld 项目
前端·vue.js
大家的林语冰4 小时前
👉 尤雨溪再次成立新公司,同时官宣 Pinia 4 正式发布!
前端·javascript·vue.js
gis开发之家5 小时前
《Vue3 从入门到大神50篇》Vue3 源码详解(二十):生命周期钩子源码解析 —— onMounted / onUpdated 如何实现?
前端·javascript·前端框架·vue3·vue3源码
word5 小时前
从零接入 MCP:把任意工具变成 AI 的能力(协议级实践)
人工智能·前端框架
栀鸢ouo5 小时前
解决Element Plus表格展开行横向溢出、滚动截断问题(项目实战方案)
前端·vue.js
今天吃了嘛o6 小时前
Vue3中封装高德地图使用
前端·vue.js·typescript
Sterting9 小时前
Element-Plus 入门与整体布局
前端·vue.js·elementui
宿6741 天前
vue3-env环境
前端·vue.js
汉堡大王95271 天前
Vue 3 + TS + Element Plus 实战:如何从零搭建企业级违章记录管理 SaaS 前端
前端·javascript·vue.js