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_05_原型继承原理
Oct 13 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
servlet+jquery实现文件上传进度条示例代码
Jan 25 Javascript
微信小程序中的onLoad详解及简单实例
Apr 05 Javascript
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
Sep 30 Javascript
详解webpack打包第三方类库的正确姿势
Oct 20 Javascript
解决vue 退出动画无效的问题
Aug 09 Javascript
教你部署vue项目到docker
Apr 05 Vue.js
解决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面向对象全攻略 (十二) 抽象方法和抽象类
2009/09/30 PHP
PHP用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
解析php下载远程图片函数 可伪造来路
2013/06/25 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
php如何实现不借助IDE快速定位行数或者方法定义的文件和位置
2017/01/17 PHP
PHP将数据导出Excel表中的实例(投机型)
2017/07/31 PHP
PHP使用Redis实现Session共享的实现示例
2019/05/12 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
Javascript 学习书 推荐
2009/06/13 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
2011/07/10 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
用js闭包的方法实现多点标注冒泡示例
2014/05/29 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
js实现适配不同的屏幕大小
2017/04/10 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
python实现360皮肤按钮控件示例
2014/02/21 Python
python3访问sina首页中文的处理方法
2014/02/24 Python
python遍历目录的方法小结
2016/04/28 Python
Python3爬虫RedisDump的安装步骤
2021/02/20 Python
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
五十岁生日宴会答谢词
2014/01/15 职场文书
运动会开幕式邀请函
2014/01/22 职场文书
党校培训自我鉴定范文
2014/03/20 职场文书
体育系毕业生求职自荐信
2014/04/16 职场文书
课外小组活动总结
2014/08/27 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
人间正道是沧桑观后感
2015/06/15 职场文书
投诉书范文
2015/07/02 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL