引入 Element
你可以引入整个 Element,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。
¶完整引入:在 main.js 中写入以下内容:
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
new Vue({
el: '#app',
render: h => h(App)
});
以上代码便完成了 Element 的引入。需要注意的是,样式文件需要单独引入。
但是在cnpm install 或者 cnpm run dev 过程中报错:
this dependency was not found:'element-ui/lib/theme-chalk/index.css'
百度其中最多反馈提供方法:
把上面的
import 'element-ui/lib/theme-default/index.css'
改为:
import 'element-ui/lib/theme-chalk/index.css'
此方法仍很多反馈不行。
本人解决方法:
1、在项目路径下安装element-ui,运行命令
cnpm install element-ui -s
2、在项目路径下安装element-ui,运行命令
cnpm install
3、在项目路径下安装element-ui,运行命令
cnpm run dev
启动成功。