element-plus版本^1.2.0-beta.5的icon图标问题： 继element旧版更新后，新版的element-plus的图标引用修改了，很多小伙伴们不会用，这篇文章将介绍两种用法
【前端|关于vue3最新版element-plus里prefix-icon图标不显示问题（已解决）】前置条件：
npm install @element-plus/icons-vue
全局引用： 打开main.js文件
// 导入所有的el-icon图标
import * as ElIconModules from '@element-plus/icons'const app = createApp(App)
//统一注册el-icon图标
for(let iconName in ElIconModules){
app.component(iconName,ElIconModules[iconName])
}
注意：注册 icon 要在 app 挂载之后，就是这一句代码
const app = createApp(App)
1.这种是标签属性的图标
注意，与官方文档不同的是要把icon前面的：去掉，否则无法显示
文章图片
渲染后的结果
2.另一种类型的图标直接使用即可
文章图片
渲染后的结果
单独引用： 新版本的官方文档提供的是script的setup语法糖，直接用会报错，建议老老实实导入
文章图片
渲染后的结果
如果对你有用，请一件三连多多支持
推荐阅读
- 前端|前端中一些数值类型的输出结果
- #|【JavaWeb】文件的上传和下载
- 一日为期，极行千里 ——「企业级零代码黑客马拉松」正式启动报名
- Wordpress|百度提交网站提示您无权访问该页面，点击确定按钮返回首页，如何解决
- 青龙面板|青龙面板最新版本2.10.11+(诺兰短信登录)nvjdc详细教程
- Leetcode120三角形最小路径和
- 卫康新零售软件开发
- 金菇露微商APP开发
- 项目经验|忙碌的4个月