使用element-plus插件icon组件SVG 图标不显示解决方案
最近在做vue3中项目的时候,结合element-plus使用icon组件中的SVG图标组件的时候,按照文档提示显示不出来,通过在git文档库踩坑发现,可以这么操作使用。1.先安装组件npm install @element-plus/icons2.注册icon图标名称components:{Aim,//注册图标组件名称},3.导入icon图标import {Aim} from '@element
·
最近在做vue3中项目的时候,结合element-plus使用icon组件中的SVG图标组件的时候,按照文档提示显示不出来,通过在git文档库踩坑发现,可以这么操作使用。
1.先安装组件
npm install @element-plus/icons
2.注册icon图标名称
components:{ Aim, //注册图标组件名称 },
3.导入icon图标
import {Aim} from '@element-plus/icons' //图标名称要大写,要使用驼峰命名法
4.使用icon图标
<template #title> <el-icon> <aim /> </el-icon> <span>账户管理</span> </template>
5.页面展示效果
更多推荐
已为社区贡献1条内容
所有评论(0)