官网文档:Element - The world's most popular Vue UI framework
1、npm 安装
npm i element-ui -S
如遇版本问题,可在后面加 --legacy-peer-deps
(参考文章:npm ERR! code ERESOLVE 解决方法)
2、引入 Element
完整引入,在 main.js 中写入以下内容:
import Vue from 'vue';
import App from './App.vue'; //如果已经引入过则删掉此行
import Element from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
//size 用于改变组件的默认尺寸,zIndex 设置弹框的初始 z-index(默认值:2000)
Vue.use(Element, { size: 'small', zIndex: 3000 });
new Vue({
el: '#app',
render: h => h(App)
});
完成,可以使用啦~
原创不易,转载务必注明出处。