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

相关推荐
LuHang11 小时前
从天地图切换到高德地图:一次真实的底图迁移实战
前端·vue.js·cesium
ruanno_top14 小时前
Vue 3 后台权限路由:我漏掉了按钮级裁剪,还把 403 写成了 404
vue.js
栉甜15 小时前
Vue2学习内容(上)
前端·javascript·vue.js·学习
小郎君65817 小时前
(六)el-cascader 的展示值为什么不能直接 join:emitPath、路径还原与多选去重
vue.js·算法
用户0936717554117 小时前
用 4500 行 TypeScript 复刻了童年方格纸上的海战棋
前端·vue.js
行走的陀螺仪19 小时前
Claude Code 从入门到实战(一):安装、登录与第一个Vue项目
前端·javascript·vue.js
jktantan1 天前
Vue keep-alive 切标签后滚动位置回顶?因为 onDeactivated 里读到的 scrollTop 是 0
前端·javascript·vue.js
小郎君6582 天前
(一)为什么表单需要第三种状态:disabled、readonly 与纯文本展示
前端·vue.js
jktantan2 天前
(二)Vue 3 的 attrs 不是响应式:el-form 扩展属性同步的三种方案
前端·javascript·vue.js·element-plus
Highcharts.js2 天前
Highcharts 集成到 React 或 Vue 项目中时,如何高效地使用 TypeScript技巧?
vue.js·人工智能·react.js·typescript·前端框架·highcharts