element+ 图标不显示解决方法

1.安装Icon

此处默认已安装element，如果没有，需要先安装element plus

npm install @element-plus/icons-vue

2.全局注册（main.js）

// 与element无关，但使用需要
import { createApp, h } from 'vue'
import App from './App.vue'
// element
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// Icon
import * as ElIcons from '@element-plus/icons-vue'

const app = createApp({
    render: () => h(App)
})

Object.keys(ElIcons).some(item => {
    app.component(item, ElIcons[item])
})

app.use(ElementPlus).mount('#app')

3.使用

<el-icon><fold /></el-icon>

详细图标和属性参考官方API