背景
大家都知道饿了么开源了两套Vue的UI组件,Mint UI 移动端的,Element UI PC端的。我使用的是最新的Vue3.0,照着Element的文档引入,结果页面出现白版,F12打开开发者工具一片飘红,一顿操作。原来是从Vue3.0不支持Element UI,而是改成了Element Plus。又经过一顿操作,页面出来了,心情瞬间大好。下面请看具体过程。
引入Element UI
引入命令
- 命令引入参照官方文档:https://element.eleme.cn/#/zh-CN/component/installation
- npm i element-ui -S
- main.js中引入
import Element from "element-ui"; import "element-ui/lib/theme-chalk/index.css"; Vue.use(Element)