当前位置： 首页 > article >正文

vue3 动态 svg 图标使用

article 2024/9/21 16:49:39

前言 

在做后台管理系统中，我们经常会用到很多图标，比如左侧菜单栏的图标

当然这里 element-ui 或者 element-plus 组件库都会提供图标

但是在有些情况下 element-ui 或者 element-plus 组件库提供的图标满足不了我们的需求时，这个时候我们就需要自己去网上找一些素材或者UI给我们一些.svg的图标文件

那么这个时候我们如何像使用组件一样很方便地去使用？只需要在需要的地方引入组件、传入图标名字就可以了

vite项目中

如果是vite项目，那么我们就需要用到一个插件 


http://www.kler.cn/news/308844.html

相关文章：

  • 网络安全实训八(y0usef靶机渗透实例)
  • 深度学习之图像数据集增强（Data Augmentation）
  • Java代码审计篇 | ofcms系统审计思路讲解 - 篇4 | XXE漏洞审计
  • Vue.nextTick 的工作机制
  • 【乐企-业务篇】开票前置校验服务-规则链服务接口实现（纳税人基本信息）
  • 基于SpringBoot+Vue+MySQL的网上甜品蛋糕售卖店管理系统
  • android 老项目中用到的jar包不存在，通过离线的方法加载
  • 项目实战应用Redis分布式锁
  • wordpress不同网站 调用同一数据表
  • Mac虚拟机Parallels Desktop 20 for Mac破解版发布 完整支持 Windows 11
  • leetcode-560. 和为 K 的子数组
  • Qt构建JSON及解析JSON
  • JMeter 中使用 Gson 操作请求中的Boby参数
  • SQL超时的常见原因和解决思路
  • MFC实现对话框与控件的自适应调节
  • 20个Python入门基础语法要点
  • NISP 一级 | 6.2 移动智能终端安全威胁
  • 使用Mockito进行单元测试
  • 春意教育：SpringBoot在线学习平台开发
  • 矢量化操作
  • JS日期转化指定格式，获取月/周日期区间
  • CentOS 中配置 OpenJDK以及多版本管理
  • Unix-like系统是什么
  • 408算法题leetcode--第五天
  • frp内网穿透功能使用教程
  • 玩机搞机-----如何简单的使用ADB指令来卸载和冻结系统应用 无需root权限 详细操作图示教程
  • Spring Boot-热部署问题
  • SpringBoot启动成功，但端口启动失败
  • 架构师备考的一些思考（四）
  • 集群聊天服务器项目【C++】（六）MySql数据库