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 相关文章推荐
原来Jquery.load的方法可以一直load下去
Mar 28 Javascript
jQuery 源码分析笔记(3) Deferred机制
Jun 19 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
jquery获得同源iframe内body下标签的值的方法
Sep 25 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
Node.js的Express框架使用上手指南
Mar 12 Javascript
微信小程序 删除项目工程实现步骤
Nov 10 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
Aug 31 Javascript
Vue2.0用户权限控制解决方案的示例
Feb 10 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
Aug 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函数篇详解十进制、二进制、八进制和十六进制转换函数说明
2011/12/05 PHP
PHP判断文件是否存在、是否可读、目录是否存在的代码
2012/10/03 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
JQuery调用WebServices的方法和4个实例
2014/05/06 Javascript
JavaScript File分段上传
2016/03/10 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
改变vue请求过来的数据中的某一项值的方法(详解)
2018/03/08 Javascript
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
微信小程序使用swiper组件实现类3D轮播图
2018/08/29 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
使用Vue调取接口,并渲染数据的示例代码
2019/10/28 Javascript
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
Python实现的Kmeans++算法实例
2014/04/26 Python
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
我喜欢你 抖音表白程序python版
2019/04/07 Python
python调用webservice接口的实现
2019/07/12 Python
python爬虫增加访问量的方法
2019/08/22 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
Python pip安装第三方库实现过程解析
2020/07/09 Python
英国领先的NHS批准的在线药店:Pharmacy2U
2017/01/06 全球购物
JD Sports荷兰:英国领先的运动时尚零售商
2020/03/13 全球购物
大学应届生求职简历的自我评价
2013/10/08 职场文书
财务会计专业个人求职信范本
2014/01/08 职场文书
男方父母婚礼答谢词
2014/01/25 职场文书
关于毕业的中学校园广播稿
2014/01/26 职场文书
社会实践评语
2014/04/28 职场文书
竞选学习委员演讲稿
2014/09/01 职场文书
诉讼和解协议书
2016/03/23 职场文书
端午节将至,用Python爬取粽子数据并可视化,看看网友喜欢哪种粽子吧!
2021/06/11 Python
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL