vue中使用element组件时事件想要传递其他参数的问题


Posted in Javascript onSeptember 18, 2019

在使用element的上传组件时在一下几个钩子中传递其他参数

vue中使用element组件时事件想要传递其他参数的问题

图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数。比如我想在on-success的钩子中传递一个自定义参数i,原本是这样写的:

:on-success=”handleSuccess(i)” //handleSuccess是一个方法

但是发现这样写取不到自身原来的参数,后来在网上找到了一个比较好的方法,如下:

:on-success=”(value)=> handleSuccess(i, value)”

这样就既可以获取到原有的参数又可以获取自定义传递的参数,下面是自己的使用方法:

<el-upload
class="upload-demo"
:action="GLOBAL.upFileUrl"
:data="uploadData"
:before-upload="fileSizeFiltering"
:on-success="(response, file, fileList)=>handleUpSuccess(response, file, fileList,i)"
:on-remove="(file, fileList)=>handleRemoveFile(file, fileList,i)"
:file-list="item.uploadFileList"
v-model="item.pushUpFileId"
:limit="5"
style="display: inline-block;">
<div class="addFile"></div>
</el-upload>

 同理默认参数是event的事件要传递其他事件也是这样

<ul>
  <li v-for="item in list" @contextmenu="(e)=>showMenu(e,item.cd)" style="height:100px;">
   {{item.na}}
  </li>
  </ul>

总结

以上所述是小编给大家介绍的vue中使用element组件时事件想要传递其他参数的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
利用javascript解决图片缩放及其优化的代码
May 23 Javascript
JavaScript 语言基础知识点总结(思维导图)
Nov 10 Javascript
Javascript基础教程之JavaScript语法
Jan 18 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 Javascript
easyui Draggable组件实现拖动效果
Aug 19 Javascript
Bootstrap 粘页脚效果
Mar 28 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
深入理解Angularjs 脏值检测
Oct 12 Javascript
Vue中qs插件的使用详解
Feb 07 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 #Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 #Javascript
解决layer 动态加载select 失效的问题
Sep 18 #Javascript
webpack的tree shaking的实现方法
Sep 18 #Javascript
js实现窗口全屏示例详解
Sep 17 #Javascript
js实现简单页面全屏
Sep 17 #Javascript
js模拟F11页面全屏显示
Sep 17 #Javascript
You might like
PHP入门速成(2)
2006/10/09 PHP
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
JavaScript 语法集锦 脚本之家基础推荐
2009/11/15 Javascript
杨氏矩阵查找的JS代码
2013/03/21 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
js读取cookie方法总结
2014/10/31 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
JavaScript Split()方法
2015/12/18 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
2017/07/03 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
在vue项目中使用md5加密的方法
2018/09/14 Javascript
小程序api实现promise封装过程解析
2019/11/21 Javascript
python字符串连接方式汇总
2014/08/21 Python
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
Python二元赋值实用技巧解析
2019/10/25 Python
Ubuntu16.04安装python3.6.5步骤详解
2020/01/10 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
苹果Mac升级:MacSales.com
2017/11/20 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
班组长岗位职责范本
2014/01/05 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
森林病虫害防治方案
2014/06/02 职场文书
汉语言文学毕业求职信
2014/07/17 职场文书
卖车协议书范例
2014/09/16 职场文书
同学会邀请函模板
2015/01/30 职场文书
李强优秀员工观后感
2015/06/16 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers
Python数据分析之绘图和可视化详解
2021/06/02 Python