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 相关文章推荐
js下获取div中的数据的原理分析
Apr 07 Javascript
点击弹出层效果&amp;弹出窗口后网页背景变暗效果的实现代码
Feb 10 Javascript
jquery使用ajax实现微信自动回复插件
Apr 28 Javascript
AngularJS基础学习笔记之简单介绍
May 10 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
最简单的JavaScript图片轮播代码(两种方法)
Dec 18 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 Javascript
详解vue 命名视图
Aug 14 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 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文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
Extjs学习笔记之四 工具栏和菜单
2010/01/07 Javascript
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
JQuery中attr方法和removeAttr方法用法实例
2015/05/18 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
Knockout自定义绑定创建方法
2015/12/26 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
2017/02/18 Javascript
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
微信小程序实现图片上传功能
2018/05/28 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
微信小程序实现点击空白隐藏的方法示例
2019/08/13 Javascript
微信小程序停止其他视频播放当前视频的实例代码
2019/12/25 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
微信小程序开发(二):页面跳转并传参操作示例
2020/06/01 Javascript
Vue使用Proxy代理后仍无法生效的解决
2020/11/13 Javascript
[00:57]辉夜杯战队访谈宣传片—VG
2015/12/25 DOTA
Python控制多进程与多线程并发数总结
2016/10/26 Python
使用python将mysql数据库的数据转换为json数据的方法
2019/07/01 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
django连接oracle时setting 配置方法
2019/08/29 Python
numpy实现RNN原理实现
2021/03/02 Python
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
乔丹诺(Giordano)酒庄德国官网:找到最好的意大利葡萄酒
2017/12/28 全球购物
医学生自荐信
2013/12/03 职场文书
送货司机岗位职责
2013/12/11 职场文书
违纪检讨书2000字
2014/02/08 职场文书
2014县委书记四风对照检查材料思想汇报
2014/09/21 职场文书
2014年领导班子专项整治整改方案
2014/09/28 职场文书
2016年七夕爱情寄语
2015/12/04 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL