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脚本代码跑起来。
Jan 09 Javascript
JavaScript写的一个自定义弹出式对话框代码
Jan 17 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
May 20 Javascript
jquery实现网页定位导航
Aug 23 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
新手vue构建单页面应用实例代码
Sep 18 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
Layui弹出层 加载 做编辑页面的方法
Sep 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
关于文本留言本的分页代码
2006/10/09 PHP
ThinkPHP 连接Oracle数据库的详细教程[全]
2012/07/16 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
PHP+jQuery实现双击修改table表格功能示例
2019/02/21 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
2019/08/05 PHP
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
删除节点的jquery代码
2014/01/13 Javascript
PHP配置文件php.ini中打开错误报告的设置方法
2015/01/09 PHP
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
2017/10/31 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
解决vue 打包发布去#和页面空白的问题
2018/09/04 Javascript
JavaScript:ES2019 的新特性(译)
2019/08/08 Javascript
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
python3.6+django2.0开发一套学员管理系统
2018/03/03 Python
Python学习小技巧总结
2018/06/10 Python
python实现屏保计时器的示例代码
2018/08/08 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
逻辑链路控制协议
2016/10/01 面试题
网络工程专业毕业生推荐信
2013/10/28 职场文书
集中整治工作方案
2014/05/01 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
2015年教务工作总结
2015/05/23 职场文书
会计主管竞聘书
2015/09/15 职场文书
Java输出Hello World完美过程解析
2021/06/13 Java/Android
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python