最近在做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.页面展示效果