##element-ui 第90页

element-ui如何防止重复提交

先说对话框（Dialog）里的表单提交错误方案说起错误方案，比如，点击提交按钮，本地验证，验证通过立即让按钮不可点，这些没问题，而我的错误点概括是：在某个最后执行的回调函数的最后一行，我做了2个操作：1，隐藏Dialog，2，让提交按钮可点击。这个方案看似没问题，做到了让对话框消失，又保证下一次打开Dialog之后，提交按钮是可点击的。但它错误在于：隐藏Dialog是一个动画过程，并不是瞬间消失，

microkof·2020-09-18 22:56

Element-ui的table表头的合并(行和列的合并)

列的合并`效果：行的合并效果：

allakk·2020-09-17 15:25

element-ui的el-select不显示value对应的label值

显示效果如下：期望效果如下：调试发现：是value的格式存在问题，读取到的数据和字段返回的数据类型不一致所导致的。我存的字段是一个省份的字符串ID数组（11，22，33，44，55）格式，进行切割后得到的是字符串，而后台返回的集合中value是long类型的数组，由于得到的数据类型对应不上表单操作的数据类型，进行相应转换即可。[{“areaId”:“11”,“areaName”:“北京市”},{“

让学习变得快乐起来·2020-09-17 15:12

element-ui的el-select如何回显value对应的label值

现在的问题是不显示label，只显示value值原因是value的格式存在问题，数据库读取到的value数据类型不一定为number或string类型需要自己转换成相同的类型总结：显示不正常多数是由于得到的数据类型对应不上表单操作的数据类型进行相应转换即可即：option的value值如果为number，保存后从后台拿到的值需要转为number类型；如果为string，则需要转为string类型才

可乐爆米花·2020-09-17 15:55

使用element-UI的走马灯时，图片无法显示的问题

博主在初次使用elementUI的走马灯时，发现循环渲染时，dom和src都能拿到，图片就怎么都加载不了，经过N++次的试验后中终于发现要在data中按需引入url比如[{url:require(…/asset/carousel1.jpg)}],然后就没有问题了

Isworking·2020-09-17 15:20

涨芝士：解决element-ui中el-select设置默认值后无法切换选项问题

原因：select已经绑定了值，render函数没有自动更新，数据刷新了但是视图没有刷新解决方法：使用this.$forceUpdate()重新renderhandleSelectChange(){this.$forceUpdate()},

公孙智敏·2020-09-17 15:48

如何实现Elemnt-UI中NavMenu菜单的高亮

**问题：**本人最近在用Element-ui做一个商品后台管理系统,在使用NavMenu时需要使导航菜单高亮的需求。

官方哈哈·2020-09-17 15:12

element-ui中select的坑

element-ui中的select下拉框，其中的选中项option是通过select中的v-model监听的变量来和option中的value(一般是id)进行匹配，如果匹配成功，则把相对应的label

永远 22·2020-09-17 14:34

element-ui的select组件设置预选项没问题，但重新选中不改变的问题解决

简单描述下bug：项目需要弹窗设置参数，打开前先预设了服务器端数据，弹窗打开可以正常显示，但是select选中改变不了视图。如图：解决思路：1.首先看有没有修改掉选中对绑定的值：查证后发现值已经被修改了，但视图不变2.版本问题排除：解决不了最后怀疑：vue的对对象或者数组进行修改视图不更新：通过select的change事件重新给数组对象赋值克隆的新数组对象解决了问题总结：虽然解决了bug，但并没

_琉璃苣·2020-09-17 14:08

element ui框架把el-selectc选中的value设置为对象

我的element-ui版本为^2.4.8官网文档地址：http://element-cn.eleme.io/#/zh-CN/component/selectvalue-key=‘mobile’,mobile

IT码农-爱吃辣条·2020-09-17 14:04

Element-UI与Iview中的多个图片预览并通过点击事件上传

要完成通过点击事件统一上传图片，并后台要求图片以数组格式传给后台，但是Element-UI与Iview的文档中只有直接上传并且是单个图片上传的例子，所以在这里自己做个笔记，以防止以后会用到：下面是已经做完的实例下面是用的

前端小易·2020-09-17 14:36

element-ui 下拉el-dropdown-item添加点击事件@click无效

这时候在@click后面加个.native就可以了。感谢https://blog.csdn.net/qq_33769914/article/details/82911052

tqqde博客·2020-09-17 13:59

2020-05-26 axios封装请求，封装公共api和调用请求

封装请求│├─api//axios模块││├─api.js//axios实例request.jsimportaxiosfrom'axios'import{Message,MessageBox}from'element-ui'im

潜渊_bc21·2020-09-17 13:26

vue + element-ui实现简洁的导入导出功能

1.安装ElementUI模块cnpminstallelement-ui-S2.在main.js中引入importElementUIfrom'element-ui'import'element-ui/lib

p是马甲·2020-09-17 13:52

Vue + Element 实现导入导出Excel

//在main.js中引用importElementUifrom'element-ui'import'e

一只程序猿小白·2020-09-17 12:24

vue项目在IE浏览器和360浏览器的打开空白屏

1、样式问题如果你的样式原本好好的，安装完依赖之后发现css路径有问题或者样式不对劲的，说明重装的依赖版本不对，手动更改package.json里面dependencies=>element-ui版本号再次安装

东又夏_·2020-09-17 12:38

使用element-ui组件实现下拉菜单显示与折叠，并触发函数

实现类似功能关键代码更多升级重启删除处理函数省略

SuperSun~·2020-09-17 12:31

Vue框架开发Electron12 - 动态改变Element-Ui默认el-Input背景样式

Element-ui是一个非常好的UI设计模块，它提供给我们很多好看的按钮样式，非常适用于快速搭建UI，下面说说如果使用了element-ui之后，要更改它默认的el-Input样式应该怎么操作。

隐身的安徒生·2020-09-17 12:12

如何在scoped不污染组件样式的前提下，实现el-input组件样式覆盖？

踩了个坑，无论怎么修改样式的权重，都无法覆写element-ui的el-input组件的边框样式。唯一能看效果的就是在浏览器端F12之后，修改样式。万言：只要是找到了问题，不怕再去找解决办法。

草巾冒小子·2020-09-17 12:07

element-ui中Table表格省市区合并单元格

效果如图代码如下:查询{{scope.row.remake}}{{scope.row.publicSubsidy}}{{scope.row.provinceSubsidy}}{{scope.row.citySubsidy}}OkcancelEditimportaxiosfrom'axios'exportdefault{name:"city",data(){return{tableData:[],/

mf_717714·2020-09-17 12:06

关于element-ui中的dropdown组件的两个坑

一、样式覆盖（记录一下：项目中所有下拉框或者下拉菜单的样式全部被初始化文件里li标签样式覆盖了，目前不明白其中的道理，问题解决了，如果有大佬知道，还望指教小弟一二，谢谢）一般组件样式覆盖可以使用嵌套写在某个盒子里面，但是dropdown不可以，我指的是下拉菜单项的样式，如图：比如home页面.home{.main{background:pink;}}//写在外面.personalCenter{/d

agua001·2020-09-17 11:03

element-ui 中自定义上传（http-request）的注意点

1.upload组件中的action不能为空，要随便给一个字符串1.上传时需要将参数改成FormData()类型的，添加参数时只能通过append('key',value)的形式进行添加2.请求头中要将Content-Type设置为multipart/form-data的形式3.如果请求参数使用了qs进行了封装，那么在上传的时候请对上传的参数去掉qs的封装，要不然会引起一些问题

永远 22·2020-09-17 10:26

electron el-tooltip组件不显示的解决方案

在22行的whiteListedModules中添加“element-ui”，重新npmrundev编译，问题就可以得到解决原因这里的externals意思是：externals配置选项提供了「从输出的

凉音、·2020-09-17 10:14

element-ui中el-table列文字超出部分省略加悬浮提示

当我们表格内文字过多时，它会自动换行显示，但是它改变了表格的行高，效果看起来有些不美观，所以我们把多余的字用悬浮显示。原图：更改：:show-overflow-tooltip="true"//el-table字体长度过长，浮动显示我们在代码中添加exportdefault{data(){return{tableData:[{date:'2016-05-02',name:'王小虎',address:

蕉大人·2020-09-17 10:06

Vue element-ui之神坑

关于更改input样式更改input标签样式from表单下的input使用/deep/.el-form/deep/.el-input__inner{width:149px;height:32px;}下载element-ui

!吃饭第一名·2020-09-17 10:36

Element-ui+axios+loading封装,支持多种ip域名,多种content-type类型

注:使用的UI框架是element-ui,由于封装过程需要使用自定义axios的config,因此使用的axios版本是0.18.0,有的版本不支持自定义config解析:多种ip域名,多种content-type

mf_717714·2020-09-17 10:32

基于axios和element-ui封装的request请求插件

request.jsimportaxiosfrom'axios'import{Message,Loading}from'element-ui'import{getToken}from'.

凉音、·2020-09-17 10:06

cookies插件 , axios插件,element-ui 插件

vue-cookie插件安装>:cnpminstallvue-cookiesmain.js配置//第一种方式importcookiesfrom'vue-cookies'//导入插件Vue.use(cookies);//加载插件newVue({//...cookies,//配置使用插件原型$cookies}).$mount('#app');//第二种方式importcookiesfrom'vue-c

i0208·2020-09-17 09:51

VUE 学习总结之简单的Rate评分组件

说明本组件基于element-ui的图标库（星星图标）第一步：vue+webpack+element-ui框架第二步：创建Rate.vue文件，实现双向绑定分数第三部：使用组件代码在app.vue中引入组件

G烨荣·2020-09-17 09:44

VUE：自己写一个消息提示弹框（类似element-ui的message）

百度资料并仿照element-ui的message消息提示，写了一个组件方法，效果图如下。

如此如此。·2020-09-17 06:57

vue+elementUI的文件上传和文件下载

项目需求：一个功能可以导入表格数据，还有模板提供下载参考大致的功能需求就是这样了，上传文件的组件用的是element-UI自带的组件配置参数：我使用的是手动上传模块参数说明action必选参数，上传的地址

Jocelyn_书·2020-09-17 06:23

element-ui循环显示radio控件信息

{{item.name}}data(){return{merchantId:0,centerDialogVisible:false,lineList:[],portOptions:[],isGive:[{id:"n",name:"购买"},{id:"y",name:"赠送"}],根据接收到的数据currentLine.isGive来决定显示购买和赠送，如果不写{{item.name}}那么默认显示

茶杯里有熊·2020-09-17 06:18

Element-ui el-pagination封装之sync多层的问题

因为vue一般情况是数据单向流向，父到值，而这里错误就是数据流向的问题。可以参考sync用法简易封装核心：//省略...//省略props:{total:{//数据总条数type:[Number,String],default:0},rows:{//每页数据条数type:[Number,String],default:10},page:{//当前页数type:[Number,String],def

易01·2020-09-17 06:53

vue只用element-ui上传图片到七牛云

应约学生的需求写一篇关于element-ui上传图片到七牛云的示例https://element.eleme.cn/#/zh-CN/component/upload这是上传图片的参考文档目的：是通过使用

日光不倾城·2020-09-17 06:58

Vue封装axios请求

1.引入axios2.设置请求头3.配置拦截器4.引用importaxiosfrom'axios'import{MessageBox}from'element-ui'importVuefrom'vue'Vue.prototype

曲终离人散·2020-09-17 05:41

vue+Element-ui实现登录注册表单

登录注册表单验证通过Element-ui的表单实现登录注册的表单验证效果图如下注册登录表单登录的实现，需要通过手机号或者邮箱进行登录,验证手机号或者邮箱符合要求//登录表单验证的代码//template

糖叁·2020-09-17 05:56

vue+element-ui循环显示radio控件信息

element-ui循环显示radio控件信息解决循环显示radio的问题贴出本次写代码过程中遇到的报错信息{{item.n}}exportdefault{data(){return{radio:'3'

风过蔷薇·2020-09-17 05:24

Vue使用Element-ui upload组件进行多文件上传(视频或者图片)

Vue使用Element-uiupload组件进行多文件上传(视频或者图片)最近有个小的功能需求需要能够支持多文件上传图片或者视频文件。话不多说，上干货。1、按需对接口请求进行封装(可以根据你自己的需求来)//body传参functionbodyParams(method,url,params,contentType){returnnewPromise((resolve,reject)=>{Axi

I'm写代码·2020-09-17 05:50

前端基于vue element-UI 的图片压缩上传七牛云

前端基于vueelement的图片上传新手上路请多指教取消确定exportdefault{props:['HouId'//父空间传的对象],data(){return{dialogVisible1:false,///图片所用到的对象housing:{HouImg:[],//房源照片},//图片//上传进度progress:0,//是否上传成功pass:null,//放大图片isEnlargeIma

MnxT·2020-09-17 05:45

用Vue来实现图片上传多种方式

我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思

weixin_33763244·2020-09-17 05:32

关于Vue-cli+ElementUI项目打包时排除Vue和ElementUI

//表示不需要webpack打包的文件externals:{'vue':'Vue','element-ui':'ELEMENT'}}修改main.js注释掉Vue和ElementUI//importVuefrom'vue

Esca00·2020-09-17 05:06

Vue中 scss不支持/deep/写法问题

在style有scoped属性时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input_

好菜的程序媛·2020-09-17 01:40

element-ui el-table合计、平均值初次不显示问题

element-uiel-table平均值初次查询不展示，浏览器尺寸变化时才展示问题在计算平均值的方法中强制刷新tablegetAvg(){letaverages=["平均",""];this.$nextTick(()=>{this.$refs.tableRef.doLayout();});returnaverages;}

weixin_46167430·2020-09-17 00:44

Element-UI的table 合计自动显示在table下面

table合计显示被隐藏了此时我们只需要修改全局样式.el-table{overflow:visible!important;}

Cedar-灿烂的活着·2020-09-17 00:33

webpack+vue项目实战（三，配置功能操作页和组件的按需加载）

2.使用element-ui开发功能操作页面element-ui是什么就不多解释了，

weixin_34238642·2020-09-17 00:47

UI组件--element-ui--Table组件自定义合计行

需求:Element-ui的Table组件自带合计行,但是需求需要在合计行的某些单元格有特别的样式以及事件,没有研究出怎么在既有合计行上完成此需求,于是利用其原本的一些属性完成自定义合计行.分析:在Table

weixin_34217711·2020-09-17 00:44

Vue Element使用icon图标(第三方)

2019独角兽企业重金招聘Python工程师标准>>>element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，

weixin_33912445·2020-09-17 00:04

Element-ui 实现table的合计功能

Element-UI是饿了么前端团队推出的一款基于Vue.js2.0的桌面端UI框架，其功能较为完善，根据其文档与demo学习，非常容易上手，但是我在使用其tabel组件时，发现我的功能需求并不适用官网给出的

weixin_30672019·2020-09-17 00:43

vue项目中使用ElementUI与第三方图标库Iconfont（亲测有效）

本次需求是要使用elementUI中的，并在输入框头部添加图标，无奈element-ui的图标太少，没有用户、密码等这些图标，因此不得不使用第三方的图标，这里选择使用阿里的Iconfont，很全，也很简单使用

进击的桐人·2020-09-16 23:28

element-ui表格的合计行不显示问题

important;}解决办法2在自定义的合计方法中调用element-ui中el-ta

君为红颜笑＆deg·2020-09-16 23:48

推荐频道

##element-ui