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 相关文章推荐
通过伪协议解决父页面与iframe页面通信的问题
Apr 05 Javascript
浅析js中substring和substr的方法
Nov 09 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
跟我学习javascript的作用域与作用域链
Nov 19 Javascript
JS创建事件的三种方法(实例代码)
May 12 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
vue 实现在函数中触发路由跳转的示例
Sep 01 Javascript
基于element-ui的rules中正则表达式
Sep 04 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 面向对象的一个例子
2011/04/12 PHP
php使用base64加密解密图片示例分享
2014/01/20 PHP
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
php curl 上传文件代码实例
2015/04/27 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
ext for eclipse插件安装方法
2008/04/27 Javascript
javascript StringBuilder类实现
2008/12/22 Javascript
MooTools 1.2介绍
2009/09/14 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
js查找节点的方法小结
2015/01/13 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
使用Javascript写的2048小游戏
2015/11/25 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
js实现文件上传功能 后台使用MultipartFile
2018/09/08 Javascript
解决vue axios的封装 请求状态的错误提示问题
2018/09/25 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
python3实现磁盘空间监控
2018/06/21 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
印度在线购物网站:Paytmmall
2019/07/24 全球购物
与C++相比,Java中的数组有什么不同
2014/03/25 面试题
大学活动邀请函
2014/01/28 职场文书
《美丽的小兴安岭》教学反思
2014/02/26 职场文书
事业单位考核材料
2014/05/21 职场文书
司法局火灾防控方案
2014/06/05 职场文书
对外汉语专业大学生职业生涯规划书
2014/10/11 职场文书
先进个人申报材料
2014/12/30 职场文书
神农溪导游词
2015/02/11 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android
用Python生成会跳舞的美女
2022/01/18 Python