vue引入element-ui之后,页面是空白的
vue引入element-ui之后,页面是空白的,原因是vue是vue3的版本,然后引入格式用的是vue2的,所以会页面是空白的。1、确定项目是vue几:1、打开package.json里面的dependencies有2、vue2引入element-ui的方法:使用npm安装element-uinpm i element-ui --save然后main.js里引入import ElementUI
·
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了,
更多推荐
已为社区贡献1条内容
所有评论(0)