VUE项目引入ElementUI

官网文档: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)
});

完成,可以使用啦~


原创不易,转载务必注明出处。

上一篇:elementui 表单验证 每次点击弹出框的时候 必须清除表单 里的参数跟校验的参数保持一致 要不然每次点击完之后 输入有值了 但是表单验证还在 得下一次点击才没 不能实时没


下一篇:vue项目总结