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 相关文章推荐
可输入的下拉框
Jun 19 Javascript
Prototype源码浅析 Enumerable部分(二)
Jan 18 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
浅谈js中的闭包
Mar 16 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
May 12 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
Jan 13 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
Vue框架中正确引入JS库的方法介绍
Jul 30 Javascript
使用JavaScript中的lodash编写双色球效果
Jun 24 Javascript
vue使用require.context实现动态注册路由
Dec 25 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
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
PHP中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
Node.js和PHP根据ip获取地理位置的方法
2014/03/14 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
详解weex默认webpack.config.js改造
2018/01/08 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
2018/08/15 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
python字典get()方法用法分析
2015/04/17 Python
在Django的上下文中设置变量的方法
2015/07/20 Python
python利用微信公众号实现报警功能
2018/06/10 Python
Pycharm激活码激活两种快速方式(附最新激活码和插件)
2020/03/12 Python
python之随机数函数的实现示例
2020/12/30 Python
css3实现input输入框颜色渐变发光效果代码
2014/04/02 HTML / CSS
工程监理应届生求职信
2013/11/09 职场文书
工会趣味活动方案
2014/08/18 职场文书
医德医魂心得体会
2014/09/11 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书
该怎么书写道歉信?
2019/07/03 职场文书