效果圖

配置如下

1、核心代碼修改main.js/ts

//main.js
// 全局注冊圖標組件
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {app.component(key, component)
}
app.use(ElementPlusIconsVue)

2、完整代碼?

import './assets/main.css'import { createApp } from 'vue'
import App from './App.vue'
// 全局注冊圖標組件
import * as ElementPlusIconsVue from '@element-plus/icons-vue'// app聲明
const app = createApp(App);
//核心代碼
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {app.component(key, component)
}
// use
app.use(ElementPlusIconsVue)
// mount
app.mount('#app')

重啟即可