过程:
历史项目用的是vue 3.0.0,element plus 1.0.0
参考其他大佬的方法(文末),全局install并注册了element plus 的 icon 组件库。
npm install @element-plus/icons-vue
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ELIcons from '@element-plus/icons-vue'
let app = createApp(App);
app.use(ElementPlus)
for (let iconName in ELIcons) {
app.component(iconName, ELIcons[iconName])
}
过程中经常遇到报错,经过排查,是Vue3的版本不够高,于是升级Vue到^3.2.0。
然后又出现了神奇的bug,element plus的select组件失效了!
于是又将element plus升级至^1.3.0。
终于一切都ok了
参考: