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字符串处理性能的代码
Dec 07 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
Egret引擎开发指南之发布项目
Sep 03 Javascript
Javascript实现Web颜色值转换
Feb 05 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
JavaScript中的普通函数与构造函数比较
Apr 07 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
JS动态改变浏览器标题的方法
Apr 06 Javascript
javascript小数精度丢失的完美解决方法
May 31 Javascript
js实现精确到毫秒的倒计时效果
Aug 05 Javascript
Vue精简版风格指南(推荐)
Jan 30 Javascript
JS使用对象的defineProperty进行变量监控操作示例
Feb 02 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
php cookie 作用范围?不要在当前页面使用你的cookie
2009/03/24 PHP
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
关于js与php互相传值的介绍
2013/06/25 PHP
Yii框架表单提交验证功能分析
2017/01/07 PHP
IE浏览器PNG图片透明效果代码
2008/09/02 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
JS模拟简易滚动条效果代码(附demo源码)
2016/04/05 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
vue小白入门教程
2018/04/02 Javascript
基于jQuery.i18n实现web前端的国际化
2018/05/04 jQuery
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
在VUE style中使用data中的变量的方法
2020/06/19 Javascript
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
python处理Excel xlrd的简单使用
2017/09/12 Python
python使用tensorflow保存、加载和使用模型的方法
2018/01/31 Python
对python 命令的-u参数详解
2018/12/03 Python
pandas ix &amp;iloc &amp;loc的区别
2019/01/10 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
Django models文件模型变更错误解决
2020/05/11 Python
仪器仪表检测毕业生自荐信
2013/10/31 职场文书
办公室文员工作自我评价
2013/12/01 职场文书
村容村貌整治方案
2014/05/21 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
爱的承诺书
2015/01/20 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书
vscode中使用npm安装babel的方法
2021/08/02 Javascript