element-ui upload 组件附带额外参数进行上传(一个或多个参数)
element-ui upload 组件附带额外参数进行上传(一个或多个参数),实参、形参均可以传。
正常情况:
附带额外参数进行上传(一个或多个参数)时-------使用箭头函数:
HTML部分:
<el-upload <!-- 使用箭头函数,实现传递一个或多个额外参数功能,'1'为额外参数 -->:on-success="(response, file, fileList)=>onSuccess(response, file, fileList,'1')" <!-- 文件上传失败时的钩子 -->:on-error="onError" <!-- 文件上传的地址 -->:action="'/api/upload/'"<!-- 上传的文件列表 -->:file-list="fileLists" <!-- 使用箭头函数,实现传递一个或多个额外参数功能,'1'为额外参数 -->:on-remove="(file, fileList)=>handleRemove(file, fileList,'1','2')"><el-button size="mini" type="text">上传</el-button>
</el-upload>
JavaScript部分:
onSuccess(response, file, fileList, val) {console.log('onSuccess额外参数val------',val); // 1
}handleRemove(file, fileList, val1,val2) {console.log('handleRemove额外参数val1------',val1); // 1console.log('handleRemove额外参数val2------',val2); // 2
}
其他方法也是一样的。
element-ui upload 组件附带额外参数进行上传(一个或多个参数)相关推荐
- element ui upload组件文件上传一次 后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应。
问题: Element UI Upload 组件文件上传一次 后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应. 原因: 第一次上传文件后,浏览器还保存着我们已经上传的文 ...
- Vue +vue-quill-editor+ Element UI使用富文本编辑器(后续更新上传视频、链接、表格....)
如果你们有问题,可以发评论提问,我看见一定回复!!!!! 文章目录 一.基本使用 1.下载vue-quill-editor组件 2.引入· 富文本组件 3.工具栏相关配置 4.设置工具栏中文提示 5. ...
- element vue 上传模板_Vue Element UI upload 组件上传文件之后 file list 依旧是空数组
在 element ui 的 GitHub issue 中搜索了一下,发现 upload 组件确实不支持自动更新 file list,需要手动在上传成功和删除的回调中处理文件列表同步... 这个体验太 ...
- antd 的upload组件结合oss实现图片上传
多张图片列表上传 1.视图 <div style="display:flex;" class="clearfix"><span>添加图片 ...
- 定制jQuery File Upload为微博式单文件上传
原文链接:http://avnpc.com/pages/single-file-upload-component-by-jquery-file-upload jQuery File Upload是一个 ...
- 实战 | Element UI 父子组件传值与事件绑定(逆向)
这是小小本周的第四篇,本篇将会倒过来讲解Element UI 父子组件传值与事件绑定. 父子组件传值 新建父组件和子组件 新建父组件 代码如下 <template><div id=& ...
- Vue Element UI 表格组件 利用插槽实现按下按钮后获得本行数据(内容)
Vue Element UI 表格组件 利用插槽实现按下按钮后获得本行数据(内容) 能够解决的问题 需要在表格中添加一个类似修改或编辑的按钮,按下按钮,弹出的窗口需要本行的渲染数据 需要向服务端提交一 ...
- Element UI——滚动条组件(ElScrollBar)修改.el-scrollbar__wrap和el-scrollbar__view的CSS属性
基本概念 el-scrollbar:Element UI隐藏组件. 注意事项: 1.el-scrollbar的父层要有固定高度 2.el-scrollbar的高度要设成100% 3.如果出现横滚动条, ...
- element ui table组件扩展关于列表编辑按钮的位置放置
最近在用vue做项目,主要是用的element ui的组件,在用的过程中发现有部分组件需要扩展,改源码太折腾,成本高,就想着如何节省成本来实现这些需求,由于项目时间紧张,有些实现来也没来得及记录一下, ...
最新文章
- vue中点击导航栏部分,页面切换
- Tomcat下log4j设置文件路径和temp目录
- php 复选框默认选中的值,PHP复选框默认值是什么 - php
- 偏方使用不当担心被毁容! - 生活至上,美容至尚!
- 人工智能 | 自动驾驶与人工智能前沿研究报告(应用篇)
- Python 网络爬虫笔记11 -- Scrapy 实战
- 项目管理过程组(5)与知识领域(10)
- java安全编码指南之:敏感类的拷贝
- 怎么用计算机模拟宇宙,为了弄懂宇宙的形成 科学家用电脑模拟了800万个宇宙...
- 224秒!ImageNet上训练ResNet-50最佳战绩出炉,索尼下血本破纪录
- 让Editplus成为强大的PHP编辑器
- Wireless Network概念解析
- vue 富文本编辑器 Editor 使用
- MPU6500原始数据读取
- 怎样导入SDWebImage
- UVA 10451 Ancient Village Sports UVA 11909 Soya Milk UVA 11152 Colourful Flowers
- fragment android:onclick,Android Fragment的布局中使用android:onClick 属性时需要注意的问题...
- 叮~你的假期余额不足,这份“收心指南”请收好!
- C语言常用语句之-分支语句
- c语言编程培训心得体会,编程培训个人心得体会 编程学习心得
热门文章
- MATLAB图像融合分割系统
- Unity GPS定位之逆地理编码(获取经纬度并转换成地理位置)
- 转行Python容易吗?
- manjaro Linux 手动安装mysql 5.7 每次重启系统都无法直接启动
- 消费品图像识别|无人新零售背后的商品识别技术
- 解决IOS微信浏览器底部会出现向前向后返回按钮,返回不刷新的问题
- qsnctf 骑士CMS01 wp
- 仅需一个app就能像homeassistant一样实现跨品牌联动?
- php excel 导出图片,phpexcel 导出多张图片
- 数据建模 Database Modeling:概念 (Conceptual) vs 逻辑 (Logical) vs 物理数据 (Physical) 模型