快捷搜索: 王者荣耀 脱发

vue3引入Element plus的详细步骤

一、遇到问题

在用vue3去引用Element UI的时候,发现了白屏不能显示,一直检查是不是代码的问题。后面找到了问题的所在,原来是vue3对应兼容的是Element Plus,要去下载对应的Element plus版本来引用才可以。

vue3相关的文章(选读):

二、操作步骤

1.现在vue3的项目终端里面输入命令下载Element plus

npm install element-plus --S --legacy-peer-deps

2.在main.js文件里面引入如下命令和create那行也要增加Element plus进去

import ElementPlus from element-plus;
import element-plus/theme-chalk/index.css;
import locale from element-plus/lib/locale/lang/zh-cn

引入完成后即:

import { createApp } from vue
import App from ./App.vue
import router from ./router
import store from ./store

/*以下三行是引入的,上面的是原有自动生成的*/
import ElementPlus from element-plus;
import element-plus/theme-chalk/index.css;
import locale from element-plus/lib/locale/lang/zh-cn

/*这里也要改*/
createApp(App).use(store).use(router).use(ElementPlus).mount(#app)

3.运行启动命令,就成功了

npm run serve
经验分享 程序员 微信小程序 职场和发展