统一导入及注册全局el-icon组件 element-plus1.2.0版本
Element Plus 团队表示正在将原有组件内的 Font Icon 向 SVG Icon 迁移,正式版本Font Icon将被弃用,于是目标是对代码进行对应的更新,Font Icon换成SVG Icon。
下面全局引用
-main.js
import ElementPlus from 'element-plus'
import * as icons from '@element-plus/icons'
const app=createApp(App)
Object.keys(icons).forEach(key => {
app.component(key, icons[key])
})
app.mount('#app')
实现显示
<el-dropdown-item>
<el-icon><component is="Avatar" /></el-icon>
用户信息
<el-icon><bell-filled /></el-icon>
</el-dropdown-item>
此时使用的element-plus版本为1.2.0-beta.3(2021.11.13时的最新版本)