沃梦达 / IT编程 / 前端开发 / 正文

vue-cli引入elementui版本使用问题

vue-cli2之前版本引入element形式入右图: https://element.eleme.cn/#/zh-CN/component/installationvue-cli3-4则采用左图vue add elementui然后会自动生成element.js,运行起来后页面时一片空白的,这里原因是vue-...

vue-cli2之前版本引入element形式入右图: https://element.eleme.cn/#/zh-CN/component/installation

vue-cli3-4则采用左图

vue add elementui然后会自动生成element.js,运行起来后页面时一片空白的,这里原因是vue-cli3后,取消了Vue 这个对象。官方提供另一种方式(这个仔细看文档才知道):element-plus,具体操作可以点击跳转查看

在 main.js 中写入以下内容:

import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

 

 

 

本文标题为:vue-cli引入elementui版本使用问题