使用vue3引入Element plus，使用icon时发现没有正常渲染到页面上。到官网查看后发现，如果你想像用例一样直接使用，你需要全局注册组件，才能够直接在项目里使用。
单个图标引入
你可以在单个组件中像下面的方式引入：
全局注册为组件
但是每次都这样做显然过于繁琐，我们可以使用下面的方式把icon全局注册为组件：
// main.js
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElIcons from '@element-plus/icons-vue'import App from './App.vue'const app = createApp(App)// 统一注册Icon图标
for (const iconName in ElIcons) {
app.component(iconName, ElIcons[iconName])
}app.mount('#app')【Element plus 图标使用】这样使用就方便多了，希望对你有帮助
推荐阅读
- XTask与Kotlin Coroutine的使用对比
- java|java中的泛型
- Java中for(;;)和while(true)的区别
- java动态构建数据库复杂查询教程
- JAVA难点理解|（JAVA）: 自定义枚举和enum枚举类型------详解。
- 计算机网络（王道考研）|3.4计算机网络（局域网基本概念和体系结构 以太网 ）
- 大数据|前后端分离架构中的接口安全_如何立即确保您的应用架构安全（分离，配置和访问）
- 操作系统（王道考研）|2.7操作系统（读者—写者问题 哲学家进餐问题 管程 ）
- 解决IDEA 2022 Translation 翻译文档失败: 未知错误的问题