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下onpropertychange事件的绑定方法
Aug 01 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
May 24 Javascript
为原生js Array增加each方法
Apr 07 Javascript
ajax提交表单实现网页无刷新注册示例
May 08 Javascript
Javascript数组操作函数总结
Feb 05 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
Nov 24 Javascript
js实现时间轴自动排列效果
Mar 09 Javascript
防止页面url缓存中ajax中post请求的处理方法
Oct 10 Javascript
浅谈React组件之性能优化
Mar 02 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
Apr 16 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 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
php将字符串全部转换成大写或者小写的方法
2015/03/17 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
Vue.js 图标选择组件实践详解
2018/12/03 Javascript
vue实现数据控制视图的原理解析
2020/01/07 Javascript
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
python多线程并发实例及其优化
2019/06/27 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
Python 在函数上添加包装器
2020/07/28 Python
使用tensorflow进行音乐类型的分类
2020/08/14 Python
python实现图片,视频人脸识别(dlib版)
2020/11/18 Python
初探CSS3中的calc()功能
2015/07/14 HTML / CSS
毕业生就业推荐信范文
2013/12/01 职场文书
《云房子》教学反思
2014/04/20 职场文书
《灰椋鸟》教学反思
2014/04/27 职场文书
电工技术比武方案
2014/05/11 职场文书
我们的节日国庆活动方案
2014/08/19 职场文书
学院党的群众路线教育实践活动整改方案
2014/10/04 职场文书
五年级小学生评语
2014/12/26 职场文书
财政局个人年终总结
2015/03/03 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
Go归并排序算法的实现方法
2022/04/06 Golang