前言
在 Element Plus 组件库中,使用图标时必须
import { 图标名 } from '@element-plus/icons-vue'
先引入,然后才能使用<el-icon>
组件。非常繁琐不说,很多新手连使用都困难,本文可完美解决这个问题。
本文实现了 在 vue3 + Element Plus 项目开发中,全局注册图标组件(使用时无需 import 引入任何额外资源),
直接在页面使用 <el-icon>
图标即可,不用单独引用图标库。
如下代码所示,想用图标的时候,直接在 HTML 上写就行了(比 Vue2 的时候还简单!)。
实现方法
按照下方教程,即可 100% 实现。</