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 相关文章推荐
用js实现的一个Flash滚动轮换显示图片代码生成器
Mar 14 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
jQuery创建插件的代码分析
Apr 14 Javascript
Javascript开发之三数组对象实例介绍
Nov 12 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
Vue面试题及Vue知识点整理
Oct 07 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 Javascript
vue 组件基础知识总结
Jan 26 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
利用PHP+JS实现搜索自动提示(实例)
2013/06/09 PHP
分享下页面关键字抓取components.arrow.com站点代码
2014/01/30 PHP
destoon整合UCenter图文教程
2014/06/21 PHP
PHP实现的多彩标签效果代码分享
2014/08/21 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
javascript针对DOM的应用分析(三)
2012/04/15 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
2017/05/02 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
Vue.js中的computed工作原理
2018/03/22 Javascript
vue-cli 如何打包上线的方法示例
2018/05/08 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
JS用最简单的方法实现四舍五入
2019/08/27 Javascript
javascript的delete运算符知识点总结
2019/11/19 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
2020/04/13 Javascript
使用vue实现通过变量动态拼接url
2020/07/22 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
简单实现python画圆功能
2018/01/25 Python
详解python中docx库的安装过程
2019/11/08 Python
跨域修改iframe页面内容详解
2019/10/31 HTML / CSS
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
军用级手机壳,专为冒险而建:Zizo Wireless
2019/08/07 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
什么是组件架构
2016/05/15 面试题
党员自我评价范文2015
2015/03/03 职场文书
春节晚会开场白
2015/05/29 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python