问题描述:
今天在写项目登录的时候,需要在账号/密码处加上icon图标,但是引用完element-plus/icons之后,还是不行,不显示icon图标。后面发现,当前版本的emement-plus的icon图标不能直接使用了,需要以引用组件的方式引用,而且不能全局引用,只能单独引用,比如说使用user的icon图标,需要 app.component(“user”,user)这样引用之后,再使用prefix-icon="user"下面说下如何不单独引用icon。
main.js里面统一注册icon
// 统一导入el-icon图标
import * as ElIconModules from '@element-plus/icons'
// 统一注册el-icon图标
for(let iconName in ElIconModules){
app.component(iconName,ElIconModules[iconName])
}
ok,这样的话就可以直接使用在vue组件里使用icon图标了,需要注意的是新的icon图标名称变了,比如 user的icon图标,之前是el-icon-user现在是直接使用user,具体可以参考element-plus的官方文档