Element-Plus-全局自动引入图标组件,无需每次import
效果图
配置如下
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')