VUE2版本引入Element UI

一句话的事儿

1，在cmd中打开vue项目文件夹，输入命令：

vue add element

2,加载后的选项如下：

How do you want to import Element? Fully import

选择全局还是按需引入-全局

Do you wish to overwrite Element's SCSS variables? Yes

是否使用SCSS-是

Choose the locale you want to load zh-CN

选择语言-中文

3， Successfully invoked generator for plugin: vue-cli-plugin-element

出现这一行就说明成功引入了；

打开项目确认：

如果界面中按钮不能点击而且控制台报错如下的话：

需要再项目文件夹里main.js中添加下面三行代码：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

如图：

效果如图：

按钮正常点击，控制台无报错。

剩下的就是在Element UI里面引用组件了。Element UI中文官网

结语：如果有错误或不足，恳请指出。如果有用的话，请多多点赞和关注吧，谢谢了！

VUE2版本引入Element UI相关推荐

vue2引入Element UI的详细步骤
目录一.Element UI介绍 Element UI的特点: vue3引入Element plus的文章: 二.操作步骤三.快速上手测试(可做可不做) 一.Element UI介绍 Elemen ...
基于vue2.x和element ui的达达尼可采购平台
1. 项目实现达达尼可采购平台最终目标是做成类似间采通.慧聪网.1688采购等b2b平台,但最终并未完成具体详情请访问www.bixiaoyi.cn -项目主要分为用户注册登陆.企业用户主体和公司 ...
在vue2.x项目中怎么引入Element UI
参考:https://blog.csdn.net/u014054437/article/details/79862793 Element使用方法:https://element.eleme.cn/#/ ...
vue2.0的Element UI的表格table列时间戳格式化
表格属性 [html] view plain copy <el-table :data="tableData" v-loading.body="loading&qu ...
vue2.0基于element ui 上月本月下月
<div style="margin-bottom:15px ;float:right;"><el-button-group><el-button p ...
vue3+ts：render极简demo -- 引入element ui el-input组件
一.示例一: 父组件: <template><div class="home"><render-input:msg="title" ...
基于vue-router vuex+Element ui+echarts+axios +mysql的后台管理系统
目录前言一.使用HBuilderX新建项目二.安装依赖三.文件创建 1.引入插件 2.APP.vue文件 3.注册路由 4.Main.vue文件 5.侧边栏实现 6顶部导航条实现四.首页制作 ...
win10快速搭建vue开发环境并使用element ui
1,环境 1.1 node.js安装下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 选安装目录进行安装(安装过程就是全程next,注意不要取消自动 ...
charts混合使用 elementui和e_vue模块化(echart+element ui)
最近看了下vue的框架,随手做了个项目,记录分享下技术框架: vue.js + webpack + element ui + echart 首先看下npm package.js 上面的图主要是配置 ...

VUE2版本引入Element UI

VUE2版本引入Element UI相关推荐

最新文章

热门文章