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图标了

相关推荐
会周易的程序员4 小时前
Mermaid Renderer:一款的图表可视化小工具
前端·vue.js·流程图·mermaid
hoLzwEge18 小时前
解码 IDE 智能提示:jsconfig.json 辅助开发全攻略
前端·前端框架
慧一居士18 小时前
Element Plus 按需引入的配置使用说明和完整示例
前端·vue.js
gis开发之家21 小时前
《Vue3 从入门到大神35篇》Vue3 源码详解(五):effect 依赖收集原理——track 与 trigger 是如何工作的?
javascript·typescript·前端框架·vue3·vue3源码
橘子星1 天前
我一个前端切图仔,凭什么能在浏览器里跑大模型?
前端·javascript·前端框架
CoderWeen1 天前
我写了个能一步步点着看的 Dijkstra 可视化项目(Vue3 + Leaflet + Generator)
前端·javascript·vue.js
无人生还1 天前
第 1 篇:从 Vue3 到 React 的思维转变
前端·vue.js·react.js
就业发动机1 天前
我用 Tauri 做了一个约 1.5 MB 的开源屏幕标注工具:MarkerOn
vue.js·rust
爱分享的程序猿-Clark1 天前
【前端分享】vue开发项目,如何实现 从A页面跳转到B页面,并传值!
前端·javascript·vue.js