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 组件附带额外参数进行上传(一个或多个参数)相关推荐

  1. element ui upload组件文件上传一次 后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应。

    问题: Element UI Upload 组件文件上传一次 后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应. 原因: 第一次上传文件后,浏览器还保存着我们已经上传的文 ...

  2. Vue +vue-quill-editor+ Element UI使用富文本编辑器(后续更新上传视频、链接、表格....)

    如果你们有问题,可以发评论提问,我看见一定回复!!!!! 文章目录 一.基本使用 1.下载vue-quill-editor组件 2.引入· 富文本组件 3.工具栏相关配置 4.设置工具栏中文提示 5. ...

  3. element vue 上传模板_Vue Element UI upload 组件上传文件之后 file list 依旧是空数组

    在 element ui 的 GitHub issue 中搜索了一下,发现 upload 组件确实不支持自动更新 file list,需要手动在上传成功和删除的回调中处理文件列表同步... 这个体验太 ...

  4. antd 的upload组件结合oss实现图片上传

    多张图片列表上传 1.视图 <div style="display:flex;" class="clearfix"><span>添加图片 ...

  5. 定制jQuery File Upload为微博式单文件上传

    原文链接:http://avnpc.com/pages/single-file-upload-component-by-jquery-file-upload jQuery File Upload是一个 ...

  6. 实战 | Element UI 父子组件传值与事件绑定(逆向)

    这是小小本周的第四篇,本篇将会倒过来讲解Element UI 父子组件传值与事件绑定. 父子组件传值 新建父组件和子组件 新建父组件 代码如下 <template><div id=& ...

  7. Vue Element UI 表格组件 利用插槽实现按下按钮后获得本行数据(内容)

    Vue Element UI 表格组件 利用插槽实现按下按钮后获得本行数据(内容) 能够解决的问题 需要在表格中添加一个类似修改或编辑的按钮,按下按钮,弹出的窗口需要本行的渲染数据 需要向服务端提交一 ...

  8. Element UI——滚动条组件(ElScrollBar)修改.el-scrollbar__wrap和el-scrollbar__view的CSS属性

    基本概念 el-scrollbar:Element UI隐藏组件. 注意事项: 1.el-scrollbar的父层要有固定高度 2.el-scrollbar的高度要设成100% 3.如果出现横滚动条, ...

  9. element ui table组件扩展关于列表编辑按钮的位置放置

    最近在用vue做项目,主要是用的element ui的组件,在用的过程中发现有部分组件需要扩展,改源码太折腾,成本高,就想着如何节省成本来实现这些需求,由于项目时间紧张,有些实现来也没来得及记录一下, ...

最新文章

  1. vue中点击导航栏部分,页面切换
  2. Tomcat下log4j设置文件路径和temp目录
  3. php 复选框默认选中的值,PHP复选框默认值是什么 - php
  4. 偏方使用不当担心被毁容! - 生活至上,美容至尚!
  5. 人工智能 | 自动驾驶与人工智能前沿研究报告(应用篇)
  6. Python 网络爬虫笔记11 -- Scrapy 实战
  7. 项目管理过程组(5)与知识领域(10)
  8. java安全编码指南之:敏感类的拷贝
  9. 怎么用计算机模拟宇宙,为了弄懂宇宙的形成 科学家用电脑模拟了800万个宇宙...
  10. 224秒!ImageNet上训练ResNet-50最佳战绩出炉,索尼下血本破纪录
  11. 让Editplus成为强大的PHP编辑器
  12. Wireless Network概念解析
  13. vue 富文本编辑器 Editor 使用
  14. MPU6500原始数据读取
  15. 怎样导入SDWebImage
  16. UVA 10451 Ancient Village Sports UVA 11909 Soya Milk UVA 11152 Colourful Flowers
  17. fragment android:onclick,Android Fragment的布局中使用android:onClick 属性时需要注意的问题...
  18. 叮~你的假期余额不足,这份“收心指南”请收好!
  19. C语言常用语句之-分支语句
  20. c语言编程培训心得体会,编程培训个人心得体会 编程学习心得

热门文章

  1. MATLAB图像融合分割系统
  2. Unity GPS定位之逆地理编码(获取经纬度并转换成地理位置)
  3. 转行Python容易吗?
  4. manjaro Linux 手动安装mysql 5.7 每次重启系统都无法直接启动
  5. 消费品图像识别|无人新零售背后的商品识别技术
  6. 解决IOS微信浏览器底部会出现向前向后返回按钮,返回不刷新的问题
  7. qsnctf 骑士CMS01 wp
  8. 仅需一个app就能像homeassistant一样实现跨品牌联动?
  9. php excel 导出图片,phpexcel 导出多张图片
  10. 数据建模 Database Modeling:概念 (Conceptual) vs 逻辑 (Logical) vs 物理数据 (Physical) 模型