##element-ui 第145页

element-ui 多个表单验证

getFormPromise(form){returnnewPromise(resolve=>{form.validate(res=>{resolve(res);})})},asyncsubmitForm(formName,type){this.saveLoading=true;//组件里的表单constmustForm=this.$refs.mustRewardRef.$refs.ruleFor

红孩儿2011·2020-06-25 02:02

解决使用vue+elementui组件采用webpack打包导致vendor过大的情况

过大则可以参考本文的解决方案.2.造成过大的原因是因为在main.js导入第三库太多时,webpack合并js时生成了vendor.js(我们习惯把第三方库放在vendor里面)造成的.如下图在main.js引用element-ui

williams_zhong·2020-06-25 02:48

Vue中关闭dialog时销毁并隐藏

背景：今天在写Vue时遇到一个element-ui中懒加载树的问题，由于tree的展示是在模态框中，所以默认显示模态框加载lazyLoad方法没问额！

太阳晒屁股了·2020-06-25 02:05

element-ui select组件传对象的问题

在开发过程中，用了饿了么的element-ui，我只能说它的文档是真的很粗糙，很多变量只给了一句解释，很多时候根本不知道是干嘛的。

左右同学·2020-06-25 01:46

vue element-ui tree 节点加虚线，样式修改

{{node.label}}（{{data.space_property_name}}）-->removeDialogVisible(node,data)"title="删除该空间"v-if="data.space_id!='0'">1、给indent="0"，不要前面的缩进、2、加样式.el-tree-node{position:relative;padding-left:16px;}.el-t

NANA北极·2020-06-25 01:58

vue element-ui修改form表单的el-input的宽度，el-select的宽度

自从用了element-ui,确实好用，该有的组件都有，但是组件间的样式都固定好了，有时候像form表单这样，页面的input、select等宽度不一定会是一样的，可能有些长，有些短，这时候改变这些控件的宽度就有点麻烦了

新林。·2020-06-25 00:31

vue element-ui后台动态获取数据，根据不同数据改变按钮显示颜色

vueelement-ui后台动态获取数据，根据不同数据改变按钮显示颜色，el-button中绑定type，:type="miStatusColor(item.miStatus){{item.operatorName}}{{item.operating}}{{item.miStatus}}{{item.event}}{{item.detail}}{{item.memo}}exportdefault

qq_19808621·2020-06-25 00:39

vue + element-ui二次封装Table组件，实现表格内容的完全自定义

element-ui二次封装Table组件，实现表格内容的完全自定义前言我们在用vue+element-ui写后台管理系统项目时，table组件应该是用的频率非常高的组件之一，但是我们不希望每次都使用element-ui

kay_loving·2020-06-24 23:37

element-ui踩坑记录

1、element-ui在同一个页面放置多个table表格可能会出现一个莫名其妙的BUG，比如说表格布局乱了，不同表格内容相互覆盖，可以给el-table标签绑定:key="Math.random()"

风雪夜过客·2020-06-24 23:49

一个基于vue和element-ui的甘特图组件，gantt、项目管理。

#wl-gantt#简介目前市面上最有名的几个gantt插件占据江湖了非常久远的时间，它们古老又强大。但无一例外的是：它们收费或极其难用并且依赖非常古老的技术，其中有些技术现在入行的新手甚至从未听闻。【jQueryGantt】【plusgantt】【dhtmlx】不可否认它们都非常的强大，不管是从性能还是功能性。但是大多的业务需求并不需要如此庞然大物才能满足需求。另一方面古老的技术稀缺的文档又让开

春深是蔚蓝·2020-06-24 23:16

element-ui 基本使用

官网写的非常详细了，但是我仍然要截图下，因为有写问题！2，.babelrc{"presets":[["env",{"modules":false,"targets":{"browsers":[">1%","last2versions","notie<=8"]}}],["es2015",{"modules":false}],"stage-2"],"plugins":["transform-vue-j

爱生活，爱编程·2020-06-24 23:04

vue-cli常用包引入方法

中常用包的引入方法如下包:1.引入vue(默认有,不需要手动引入)importVuefrom'vue'说明:前端js框架2.引入ElementUInpmielement-ui-SimportElementUIfrom'element-ui'import'element-ui

ycy白米饭·2020-06-24 23:54

element-ui框架Select选择器设置值跟选中值不一样的问题

比如：data(){return{test1:'',cities:[{"id":1,"mixAccountNumber":"001","region":"ALL"},{"id":2,"mixAccountNumber":"002","region":"ALL"}],}}界面如下：那么样式肯定是这样的（如下图），选择的时候肯定是001跟002，而真正到后台的值是1或者2那么保存这条数据的时候肯定没问

77不7·2020-06-24 20:58

element-ui table列表自定义表头，修改列标题样式、添加tooltip

pinbolei·2020-06-24 20:49

Django+Vue：搭建个人博客(4)

django编写后台接口实现登录登录页面设计登录接口设计前端异步设计全局设置登录页面设计1）前端页面使用的是vue框架，所以我们就用的组件更快的设计出页面（iview和element-ui），在vue中实现

pengyuyan2_1·2020-06-24 19:27

Vue使用element-ui菜单导航

效果图目录截图安装vue-router和element-uivue-route是官方路由导航,element-ui是饿了么封装的基于vue的组件库npminstallvue-router--savenpminstallelement-ui

简单码·2020-06-24 19:56

Element按需加载之坑：为什么this.$message不起作用了？

$messageisnotfunction看了看，我的代码...import{Message}from'element-ui'...Vue.use(Message)这么写，好像没错。

peade·2020-06-24 19:48

一、Element-UI之表单

案例：系统登录记住密码登录exportdefault{name:"Login",data(){return{rules:{username:[{required:true,message:'请输入用户名',trigger:'blur'}],password:[{required:true,message:'请输入密码',trigger:'blur'}]},loginForm:{username:"

咸鱼最牛逼·2020-06-24 19:32

element-ui的confirm和alert弹窗在Safari浏览器看不见的bug及其简单解决

问题描述：近期遇见一个问题，element-ui的$confirm弹窗后执行确认后$alert弹窗。

nidunlove·2020-06-24 17:37

vue-element-admin我踩的坑（7）

如element-ui官网的代码：另外一个表单校验问题背景：界面上新增及更新按钮，弹窗进行表单填写及提交。

nailgo·2020-06-24 16:01

快速理解vuejs实现个人中心修改资料

引言这里使用了element-ui的upload组件，用于上传头像，代码有点多，请耐心读完。

名字忘了能挂失吗·2020-06-24 16:15

基于 element 的表单渲染器

el-form-renderer基于element-ui封装的表单渲染器，完整继承了element的属性定义，并进行了简单扩展，从而用户能够通过使用一段预设的数据渲染出一个完整的element表单。

Daniel__Li·2020-06-24 16:06

通过继承实现el-table-column列宽根据内容自适应

npminstallex-table-column--save$yarnaddex-table-columngithub地址:https://github.com/mnm1001/ex-table-column需求项目中使用element-ui

mnm1001·2020-06-24 15:57

vue中使用element-ui自定义表单验证

templatescriptexportdefault{data(){//此处自定义校验手机号码js逻辑varphoneReg=/^[1][3,4,5,7,8][0-9]{9}$/varvalidatePhone=(rule,value,callback)=>{if(!value){returncallback(newError('号码不能为空'))}setTimeout(()=>{if(!pho

旗木夫人·2020-06-24 15:59

element-ui移除table组件hover背景色事件

需求：业务需要删除功能实现标记即可，并且禁止Action功能。实现：通过后台增加一个字段，判断数据是否为删除状态。通过这个字段动态为表格行添加class类实现背景色变灰（标记）。Bug：表格自带的移入hover事件同样是改变背景色，所以体验很不友好。解决想法：.el-table.el-table__body.delstatu:hover{background:#6c6c6c!important;}

Yogurt-jw·2020-06-24 14:30

element-ui中时间多选控件

直接上代码：时间范围判断：data(){return{pickerOptions:{disabledDate(time){//设置选择一个月之前到今天的日期letcurDate=(newDate()).getTime()letoneMonths=curDate-30*24*3600*1000//到今天的时间或者小于1个月之前的时间returntime.getTime()>Date.now()||t

mhbsoft·2020-06-24 14:05

vue+elementui实现分页效果

1.本次所使用的是vue2.0+element-ui实现一个分页功能，element-ui这个组件特别丰富，分页中给我提供了一个Pagination分页，使用Pagination快速完成分页功能最终效果展示数据管理用户列表

潜行的Q·2020-06-24 13:08

element-ui中分页跳转页面时出现刷新网站的问题

在写项目时，遇到了element-ui中的分页组件出现问题，问题如下：问题：在进行页面跳转时，输入页数之后，点击enter键，首先跳转到指定页，但是接下来会重新刷新页面。

mao_mao37·2020-06-24 13:01

vue2和thinkphp搭建的前后端分离项目

vue2和thinkphp搭建的前后端分离项目Github地址项目说明本项目为前后端分离项目：前端采用vue2全家桶(包括vue-router/vuex)搭建，http请求采用axios，组件UI采用element-ui

magic_xiang·2020-06-24 13:32

『前端日志』Vue+element-ui 输入框不显示输入数据的问题

问题：如图，往输入框中输入了’abc’，但输入框并不显示，而alert出来的输入框的值为’c’html和js代码(这是在element-ui在线编辑器里写的代码，请自行修改)：BTNvarMain={data

mad_house·2020-06-24 13:13

element-ui多级菜单+面包屑导航封装

根据文件结构依次贴出代码好了，里面有请求的接口数据headerindex.vue这个文件是到航头面包屑导航{{tag.title}}import{mapGetters,mapMutations}from"vuex";exportdefault{data(){return{};},created(){},methods:{//切换菜单状态toggleSideBar(){this.$store.dis

m0_45043105·2020-06-24 12:57

element-ui 表格展开的图标改为自定义图标

应UI小姐姐的需求，要把element-ui表格组件里的展开图标换得美观一点！

rgmymt·2020-06-24 12:52

element-ui 使用input实时限制输入

vue文件changeCode(){this.$nextTick(()=>{if(this.formSearch.licensedCode!==null){this.formSearch.licensedCode=this.formSearch.licensedCode.replace(/[^\d]/g,'')}})},实时限制input中只能输入0-9的数字

你蠢哭我咯·2020-06-24 12:22

CDN引入固定版本方法

你蠢哭我咯·2020-06-24 12:51

element-ui 表单数据提交之多图片上传

element-ui表单数据提交之多图片上传需求目前有这样一个表单，其中包含基础input数据，及选择多图片同表单一起提交后台选中后：本地预览选中图片上传时：多图片上传上传表单效果如下：图片选择表单上传附件只能上传

DuebassLei·2020-06-24 12:40

修改element-ui树状结构小三角图标

1.查看版本有没有支持icon-class，可以用这个属性修改，但是无论展不展开只有这一种样子，一般都想用2种区分。2.用element-uiicon库里的图标，修改content，可以打开浏览器定位到图标查看.el-tree.el-tree-node__expand-icon.expanded//取消旋转{-webkit-transform:rotate(0deg);transform:rota

紫麦熊·2020-06-24 11:19

vue-cli3.0按需引入element-ui组件

1.引入vueaddelementHowdoyouwanttoimportElement?-->选择Importondemand（关键）Choosethelocaleyouwanttoload–>选择zh-CN2.回车后，系统会自动配置引入babel.config.jsmain.jssrc\plugins\element.jsApp.vue自动将el-button作为范例3.cdsrc\plugi

Stavin Li·2020-06-24 11:55

详解为element-ui的Select和Cascader添加弹层底部操作按钮

如下图这样把操作按钮放在select弹层底部是一种挺常见的设计方式但是很遗憾element-ui没有给我们提供这个插槽，我们想实现这个功能只能重写组件或者等官方更新吗，答案当然是否定的！

·2020-06-24 11:43

使用element-ui中的el-autocomplete报错

使用element-ui中的el-autocomplete报错，报错如下：在handleChange这个方法中报错，传入的不是event事件，而是输入的字符串。

花霁·2020-06-24 10:06

element-ui 上传图片后清空图片显示

使用element-ui，使用el-upload上传图片，上传图片后再次打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.

lx_1024·2020-06-24 10:16

Element-UI 中 loading 的使用

Element-UI中loading的使用一、一般element-ui可以给表格加loading，也可以给整个页面（body）加loading,此外也可以给页面上的任何DOM元素加loadingcreated

路边的一颗野草·2020-06-24 10:39

Element-ui升级到最新版 2.4.6

1,安装高效升级插件npminstall-gnpm-check-updates2,查看最新的版本：npm-check-updates简写：ncu3卸载之前的element-ui版本npmuninstallelement-ui4

luozhonghua2014·2020-06-24 10:07

Vue、Element-ui中tabel表头自定义与强制不换行显示

Element-ui中tabel表头自定义与强制不换行显示在使用element-ui组件库进行表格渲染时，难免会遇到表头（列标题）的自定义，以及表头过长时多行显示的单行化，超出部分用…代替且光标悬浮显示完整表头的问题

yang●xx·2020-06-24 09:47

element-ui实现无限级动态菜单

菜单组件：树组件MenuTree：{{menu.name}}{{menu.name}}importVuefrom'vue'importComponentfrom'class-component'importMenuTreefrom'@/components/MenuTree'@Component({components:{MenuTree},props:{menus:{type:Array,def

lqzh_101224·2020-06-24 09:42

element-ui upload组件实现多文件上传

需求：我司要求实现多文件上传，且要求使用formData传递参数。环境：vue+element-ui+axios实现：1.使用element-uiupload组件搭建上传文件页面，页面示例如下：代码如下：将文件拖到此处，或点击上传只能上传.xml文件确定取消2.data中设置两个变量fileList3和fileData，其中fileList3用来存储文件列表、fileData用来将文件追加到for

黑山老妖progress·2020-06-24 06:57

element-ui之form表单校验的使用详解

先吐槽一下，个人感觉element-ui提供的文档写的太少，用的时候会踩很多坑。如：表单验证方法传入的value没有值等。

littlebearGreat·2020-06-24 06:40

解决element-ui侧边导航在页面刷新后失去高亮的问题

element-ui+vue.js项目中，页面刷新后侧边导航失去高亮。在此，解决此问题1.element-ui提供一个属性:default-active='activeNav'来设置导航的默认高亮。可以利用这个属性来处理页面刷新后的高亮问题2.在页面刷新的时候，获取地址栏中的地址，再写一个地址与做导航的配置文件，得出default-active的值即可。下面是我写的配置文件//路由地址对应左侧导航

littlebearGreat·2020-06-24 06:09

vue框架之前后台交互、element-ui

文章目录vue框架之前后台交互、element-uivuex（了解）前端存储数据库总汇cookielocalStoragesessionStoragevuex(store)前后台交互方式（重点）axios同源策略-跨域问题前后台分离项目交互流程异步请求细节element-uijq+bsDjango国际化配置小结vue框架之前后台交互、element-uivuex（了解）注：可以完成任意间组件信息交

Mr Allen·2020-06-24 05:58

VUE的element-ui的使用

我们在自己的网站当中有的时候会用到element-ui的组建1.如何安装element-ui的组件在命令行工具当中输入cnpmielement-ui-S,等待安装2.如何在vue当中使用element-ui

日G一卒·2020-06-24 05:09

使用vuejs2.0和element-ui 搭建的一个后台管理界面

说明：这是一个使用vuejs2.0和element-ui搭建的后台管理界面。

托马斯czh·2020-06-24 05:53

推荐频道

##element-ui