##element-ui 第152页

vue-cli脚手架引element-ui时候总是报css文件错误

在webpack.config.js进行webpack加载器配置的时候，css加载器必须在js加载器前面，而且style-loader加载器必须在css-loader加载器前面rules:[{test:/\.vue$/,loader:'vue-loader',options:{loaders:{}//othervue-loaderoptionsgohere}},//css加载器要在js加载器前面{

zackxizi·2020-04-14 07:50

vue-cli3 使用cdn引入js

vue-cli2使用cdn引入js以vue和element-ui为例1.index.html引入我开始把放在外了，打包版的白屏了；2.vue.config.js配置element-ui的cdn全局变量名称就是

柚子胖鸡_·2020-04-14 05:17

Vue 学习

vue-cli安装以后，希望引入iview或者element-ui等第三方ui库，在项目目录下npminstalliview-S修改import语句后。。。

万飞_3857·2020-04-13 23:29

element-UI checkbox 多选框

http://element-cn.eleme.io/#/zh-CN/component/checkbox这里的例子中，数据源是普通数组.这里为了需求，将普通数组改为对象数组.全选{{city.label}}constcityOptions=[{id:1,label:'上海'},{id:2,label:'北京'},{id:3,label:'广州'},{id:4,label:'深圳'}];expor

LostPaul·2020-04-13 20:23

使用vue + element-ui作为前端spring boot作为后端，构建前后端分离的的CUID简单案例

一.环境准备：1.安装Nodejshttps://nodejs.org2.安装webpack----------------------------------------------------------------npminstall-gwebpack3.安装Vue-cli------------------------------------------------------------

鱼蛮子·2020-04-13 17:49

vue element-ui 图标选择组件vue-fontawesome-elementui-icon-picker

vue-fontawesome-elementui-icon-picker简洁大方，专为element-ui和font-awesome图标库开发的图标选择组件，希望大家喜欢！

吟风者·2020-04-12 20:30

【vue】element-ui + OSS 上传图片

阿里云OSS图片上传，前端部分通过NPM安装ali-oss模块：npminstallali-oss自定义文件夹创建oss.js文件：constOSS=require('ali-oss')exportfunctionclient(data){//后端提供数据returnnewOSS({accessKeyId:data.accessKeyId,accessKeySecret:data.accessKe

u5f20u5929u8000·2020-04-11 15:30

记vue项目npm / yarn build过程中遇到的问题

/~/element-ui/src/mixins/emit

wuyadream·2020-04-11 13:54

ASP.NET Core WEB API 使用element-ui文件上传组件el-upload执行手动文件文件，并在文件上传后清空文件

前言：从开始学习Vue到使用element-ui-admin已经有将近快两年的时间了，在之前的开发中使用element-ui上传组件el-upload都是直接使用文件选取后立即选择上传，今天刚好做了一个和之前类似的文件选择上传的需求

追逐时光·2020-04-11 02:00

vue + element-ui + webpack 项目搭建

简单搭建流程，希望对大家有帮助。node.js安装node.js官网下载地址：https://nodejs.org安装好node.js后，使用命令检查node.js是否安装成功：$node-v10.6.0npm安装npm中文文档：https://www.npmjs.com.cn/node.js自动集成npm，所以无需再次安装，使用命令检查npm是否安装成功：$npm-v6.1.0cnpm安装（非必

寻找染染·2020-04-11 00:06

element-ui 伴我成长，遇到的那些坑（二），el-table相关

1.slot-scope="scope"在这里相当于插槽的作用，可以通过scope.row.id来获取:data="comdata"中的每一行的id2.

Aslan123·2020-04-10 22:38

laravel+vue+element

/components/hello.vue';//引入Hello组件importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css

jacklin1992·2020-04-10 19:00

vue实战开发007:vue引入Element-UI并配置路由

今天准备使用Element-UI来写个项目测试下学习的功能，要在vue中引用Element-UI组件，我们需要先来安装下Element-UI，这里我们用VScode工具编写，这里使用npm的方式安装,在终端执行命令

编程手札·2020-04-10 10:45

Vue SPA 首屏加载优化实践

我们以vue-cli工具为例，使用vue-router搭建SPA应用，UI框架选用element-ui，ajax方案选用axios,并引入vuex，使用vuex-router-sync将router同步到

Cocokai·2020-04-10 07:24

slider info edit 2019-07-25

默认取消保存importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";exportdefault{data(){return{formData

LookForandPersi·2020-04-10 06:39

vue vue-router vuex element-ui axios的学习笔记（十九）写后台商品管理页面

写后台商品页面的思路1、分析功能需求管理商品必须要实现的几个功能1、展示所有商品2、添加商品3、修改商品2、分析数据结构先看一下数据结构首先商品分类选区_014.png类下面的商品详情选区_016.png3、实现功能步骤思路：1、将添加商品类，添加商品，修改商品分离成单独的组件选区_017.png2、添加路由选区_018.png选区_019.png3、先写出添加商品页面挂在路由打开mangerpr

思吾谓何思·2020-04-10 06:01

使用vue-cli+element-ui+expsess+mysql做一个简易的登录功能

webpack下载vue模板vueinitwebpackaaa（aaa为项目名称）cd到aaa文件夹下cdaaa安装依赖npmi运行项目npmrundev如上图则运行成功npmielement-ui-S(安装element-ui

夏虫秋死·2020-04-08 19:18

Element-ui配合vue-i18n实现组件国际化

[email protected]、[email protected]的使用请参考https://www.jianshu.com/p/cb237fc600e4将element-ui语言包导入i18n

ShanksZeng·2020-04-08 11:54

composition events于v-model中的使用

但element-ui的input组件便不会如此，其实就是用到了compositionevents。co

populus·2020-04-08 03:59

第一次vue实战项目记录

@1.Vue脚手架和Element-UI搭建项目。

qq_39591546·2020-04-07 22:56

element-ui 列表内单行删除popover弹框实现

demo弹框.png提示此操作将永久删除该文件,是否继续?确定关键：ref="popoverDel"和v-popover:popoverDel

猿分让我们相遇·2020-04-07 12:43

简单了解Vue + ElementUI后台管理模板

yaominghui·2020-04-07 09:40

【Vue】Vue核心API&&组件设计

引言此篇文章主要涉及以下内容：实现一个购物车案例掌握vue核心API深入了解vue的组件化机制第三方组件库element-ui应用设计并实现表单组件实现一个购物车案例实现课程列表{{title}}添加课程课程名称

前端林木·2020-04-07 07:24

vue + element-ui 制作导航菜单（可配置路由、可根据路由高亮list、可刷新自动展开定位路由，自定义icon）

:default-active="$route.path.slice(1)"//通过路径自动匹配导航(已截取首位字符‘/’)image{{item.authName}}{{item2.authName}}data(){return{menusList:{},menuicon:['users','tijikongjian','shangpin','danju','baobiao']}},create

刘其瑞·2020-04-07 01:34

初识VUE的一些整理

Part1:关于学习资料学习资料收集，需要链接请看评论第一条Part2:关于开发机VUE示例项目上手本次尝试是基于element-ui做了一些公用业务场景先从开发机基础搭建项目开始：npm源设置成淘宝源

buershero·2020-04-06 21:20

vue2 + element-ui + axios 开源项目推荐

About此项目是vue2+element-ui+axios构建的后台管理系统，自适应多种屏幕大小，所有数据都是mockserver处理的，所以只需下载即可运行，非常方便就可以替换自己的restapi接口。技术栈vue2+vuex+vue-router+axios+element-ui+webpack+ES6/7+sass开源地址点我演示地址点我前端面试题每日更新，欢迎参与讨论，地址：https:

全栈弄潮儿·2020-04-06 20:30

element-ui的滚动条组件el-scrollbar（官方没有）

.......blabla.....在使用时要设置外层容器高度。并且要设置el-scrollbar的高度为100%.el-scrollbar__wrap{overflow-x:hidden;}

yang·2020-04-06 18:28

Element的Upload组件实现多图上传七牛云

开发后台业务，涉及到多图上传，项目采用的是Element-UI，下面来实现下upload组件上传图片到七牛。

Jello·2020-04-06 18:15

element-ui表单验证的坑

1一定要把.number去掉2一定要加上v-if="dialogVisible"否则当你修改之后初始化的时候会直接验证官方wiki有这方面的说明

逆流成河wsy·2020-04-06 17:41

Vue中数组和对象更新延迟问题

在做vue项目后台管理系统中遇到这样一个问题：来源：element-ui像这种界面，需要改变一个表单form的某个属性时，界面值没有快速更新，出现反应延迟。

liushasha633·2020-04-05 23:37

element-ui样式覆盖问题及解决办法

最近用vue+element-ui做项目，element-ui样式覆盖遇到点问题。整理如下。

MickeyMcneil·2020-04-05 03:50

electron入门（二）-- 使用ElementUi库

http://element-cn.eleme.io/#/zh-CN/component/installation1.安装element-uinpmielement-ui-S2.在main.js中引入element-ui

SuperGino·2020-04-05 03:11

基于vue-cli-和element-ui的开发admin（1）

//首先以下仅是记录个人本次vue后台管理系统的登录界面部分操作的流程以及踩坑的注意点一、首先是搭建vue-cli工作环境这里有两种方式：1.用npm；（在安装了vue，vue-cli以及webpack情况下，cd到要工作的区域，使用命令行vueinitwebpack（项目名称）然后开始搭建）；2.用命令行使用vueui进行操作，个人感觉对新手比较友好，因为相对于npm方式来说，用vueui更可视

徐牧之·2020-04-04 23:00

Vee-validate组件使用

项目地址vee-validate写在前面笔者在写项目时，使用了vue-cli构建工具，默认使用了vue-router，笔者在项目中也使用到了其他组件，element-ui、vuex、vee-validate

王宝花·2020-04-04 12:39

Element分析（组件篇）——TableHeader

源码解读importElCheckboxfrom'element-ui/packages/checkbox';importElTagfrom'element-ui/packages/tag';importVuefrom'vue

liril·2020-04-04 10:57

树形表格之懒加载动态渲染

要求：熟悉element-ui中关于table的官方例子——树形数据与懒加载element-ui中，官方给了两种实现树形表格的方式：1.直接加载出父项与子项所有数据并渲染2.通过懒加载实现子项数据并渲染本片文章主要是针对懒加载实现的方法进行深入学习

Mailos·2020-04-03 17:51

用vue 编写一个日历组件（非常详细-让日历简单起来）

相信有不少小伙伴和我一样一提到日历就脑壳疼，然后去网上搜索好用的日历组件，如element-ui什么的，但是日历毕竟是别人开发出来的，和自己家ui设计出来的功能样式毕竟不能100%相似，所以这个时候要么就去

Alawaysonl_c839·2020-04-03 06:21

校验问题引发的复制对象，对对象进行修改不改变vm中的对象。

这个问题是这样子的：用element-ui的表单组件，组件中自带表单校验，每个字段可自行设置数据类型，和触发校验的时机,form是这样的：model和vue的data里的数据对应，rules就是校验规则

宋乐怡·2020-04-02 20:54

vue3.0+axios 跨域+封装

utils/request.js，没有就自己建一个//src/utils/request.jsimportaxiosfrom'axios'import{MessageBox,Message}from'element-ui'importstorefrom

活着ccc·2020-04-02 11:00

element-UI form验证处理循环问题

问题场景有个或者多个输入条件，并且用户可以手动添加或者删除某一列，为这些输入条件增加输入限制解决方案：关键是在el-form-item这个标签上做文章1、动态prop'foo.'+k+'.propname'2、设置rules需要验证的规则的data中的位置3、设置表单的验证触发事件为blur解决东岱删除表单之后触发验证的问题4、对每一组数据的增删使用$set方法

小飞侠zzr·2020-04-02 05:06

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（一）初始化项目

创建项目learn直接在工作空间下用vue-cli来创建vueinitwebpacklearnImage001.png安装依赖Image002.png执行cnpmicnpmrundev成功的话讲出现这个画面Image003.png正式开始写项目1、首先修改项目结构目前的结构Image004.png新建一个vuex文件夹，用来管理部分状态，比如登录里面新建一个store.js新建一个api文件夹，用

思吾谓何思·2020-04-02 01:24

vue+render+jsx实现可编辑动态多级表头table的实例代码

最近项目需要实现可编辑的动态多级表头表格，看了两天的文章，始终没有找到我想要的效果，在了解了render+jsx的基础用法后，自己基于element-ui封装了一个，数据格式参考element-uitable

qq_42901018·2020-04-01 09:11

element-ui的时间选择器时差8小时问题

最近公司项目用到了Vue.js，和它一块的是ElementUI控件。当使用ElementUI的日期选择器DatePicker时，发现后台数据库中存的时间总是和想要的时间差8个小时，开始以为是数据库时区的问题。后来才发现是ElementUI日期控件的问题。自己选好的日期，和DatePicker绑定的值总是差8个小时。看了下官方属性介绍，发现使用value-format可以解决这个问题。代码如下：这里

echo三文鱼·2020-04-01 04:17

用vue实现多图片上传

前端我用element-ui的Upload组件作为基础，vuex做状态管理。后端用的是Django和django-rest-framework。七牛云作为图床。

凡沸·2020-03-31 11:33

element-ui日期时间选择器的日期格式化问题

最近在做vue+element-ui的后台管理页面，其中用到了DateTimePicker来选择日期时间，但是在将数据传回后台的过程中遇到了一些令人头疼的问题，在此记录一下解决方案，以免日后再次遇到。前端页面前端代码submitForm(formName){this.$refs[formName].validate((valid)=>{leturl='http://localhost:8088/p

codecho·2020-03-31 08:28

element-ui的小例子

vue初始化一个项目vuecreate项目名【element-ui-form】cd项目名【element-ui-form】npmrunserve运行安装element-ui框架npminstall--saveelement-ui

DreamofLimb·2020-03-31 00:04

element-ui特别的自定义验证

如果不想用麻烦的rule方式，可以试试以下做法：接着定义一个computed：computed:{//计算属性的gettereditEmailComputed:function(){//`this`指向vm实例if(!this.Email){returnfalse}else{returntrue}}}效果图：image.png

追求简单的开发者·2020-03-30 19:19

Vue项目引入ElementUI

MistyWood·2020-03-30 15:55

关于Element-ui的时间格式问题

最近在使用Vue+Element-ui做项目的时候遇到了一个问题，就是在日期选择的时候，明明input内的日期是xxxx-xx-xx这样的格式，但是当我将这个值拿到传给后台的时候发现格式确是----->FriSep22201700:00:00GMT+0800(中国标准时间)这样当你console.log（val）的时候就是想要的格式了，以上是我的解决方法，你还有什么好的方法吗？快快告诉我吧~

小_花花哟·2020-03-29 17:52

关于组件库的主题定制

对组件封装性好的库而我比较熟悉的有两个，React和Vue，这里我对这两个前端库封装的组件进行说明，涉及到的组件库包括：element-ui、iview、antd、ionic。

烈风裘·2020-03-29 06:29

推荐频道

##element-ui