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 相关文章推荐
动态改变textbox的宽高的js
Oct 26 Javascript
jQuery 表单验证扩展(三)
Oct 20 Javascript
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
Apr 06 Javascript
使用BootStrap实现用户登录界面UI
Aug 10 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
JS实现键值对遍历json数组功能示例
May 30 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
浅谈vue限制文本框输入数字的正确姿势
Sep 02 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
微信小程序实现底部弹出框
Nov 18 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和ACCESS写聊天室(五)
2006/10/09 PHP
php 处理上百万条的数据库如何提高处理查询速度
2010/02/08 PHP
PHP内核探索:哈希表碰撞攻击原理
2015/07/31 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
ThinkPHP实现图片上传操作的方法详解
2017/05/08 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
自己动手制作jquery插件之自动添加删除行的实现
2011/10/13 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
js 显示base64编码的二进制流网页图片
2014/04/04 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
2014/05/04 Javascript
js随机生成网页背景颜色的方法
2015/02/26 Javascript
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
jQuery实用密码强度检测
2017/03/02 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
jquery实现动态改变css样式的方法分析
2019/05/27 jQuery
细说webpack6 Babel的使用详解
2019/09/26 Javascript
three.js欧拉角和四元数的使用方法
2020/07/26 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
Python常用列表数据结构小结
2014/08/06 Python
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
Python使用pymysql小技巧
2017/06/04 Python
python中如何使用分步式进程计算详解
2019/03/22 Python
laravel使用redis队列实例讲解
2021/03/23 PHP
工会主席岗位责任制
2014/02/11 职场文书
旷课检讨书1000字
2014/02/14 职场文书
高级工程师英文求职信
2014/03/19 职场文书
党支部先进事迹材料
2014/12/24 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
小学端午节活动总结
2015/02/11 职场文书
呐喊读书笔记
2015/06/30 职场文书
关于五一放假的通知
2015/08/18 职场文书
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技