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

vue3 动态 svg 图标使用

article 2024/11/15 21:08:01

前言 

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

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

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

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

vite项目中

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


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

相关文章：

  • llama factory lora 微调 qwen2.5 7B Instruct模型
  • JavaWeb后端开发知识储备1
  • vscode远程连接服务器并启用tmux挂载进程
  • 1.7 JS性能优化
  • 【面试题】发起一次网络请求，当请求＞=1s，立马中断
  • 【Golang】Channel的ring buffer实现
  • 网络安全实训八(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在线学习平台开发
  • 矢量化操作