vue引入element-ui之后,页面是空白的,原因是vue是vue3的版本,然后引入格式用的是vue2的,所以会页面是空白的。

1、确定项目是vue几:

1、打开package.json里面的dependencies有

 

2、vue2引入element-ui的方法:

使用npm安装element-ui

npm i element-ui --save

然后main.js里引入

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

然后vue使用

Vue.use(ElementUI)

 然后vue文件里就可以使用element-ui组件了

3、vue3引入element-ui的方法:

使用npm安装element-plus

npm install element-plus --save

然后main.js里引入

import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';

index.css的文件位置根据实际情况写,也有可能是

import 'element-plus/lib/theme-chalk/index.css'

然后vue使用

createApp(App).use(store).use(router).use(ElementPlus).mount('#app')

然后就可以在需要的vue文件里使用element-ui了,

 

 

Logo

前往低代码交流专区

更多推荐