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 相关文章推荐
IE下JS读取xml文件示例代码
Aug 05 Javascript
使用js如何实现全选与全不选
Dec 30 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
JavaScript变量的作用域全解析
Aug 14 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
Sep 24 Javascript
js纯数字逐一停止显示效果的实现代码
Mar 16 Javascript
jQuery validate验证插件使用详解
May 11 Javascript
Bootstrap常用组件学习(整理)
Mar 24 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
May 22 Javascript
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
vue.js Router中嵌套路由的实用示例
Jun 27 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概述.
2006/10/09 PHP
example2.php
2006/10/09 PHP
php 生成静态页面的办法与实现代码详细版
2010/02/15 PHP
PHP中使用substr()截取字符串出现中文乱码问题该怎么办
2015/10/21 PHP
php防止网站被攻击的应急代码
2015/10/21 PHP
基于php实现七牛抓取远程图片
2015/12/01 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
php 使用redis锁限制并发访问类示例
2016/11/02 PHP
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
Jquery轮播效果实现过程解析
2016/03/30 Javascript
javascript弹出窗口中增加确定取消按钮
2016/06/24 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
2017/10/25 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
JS设计模式之状态模式概念与用法分析
2018/02/05 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
详解基于element的区间选择组件校验(交易金额)
2021/01/07 Javascript
Vue实现简单计算器
2021/01/20 Vue.js
[02:04]2014DOTA2国际邀请赛 BBC小组赛第三天总结
2014/07/12 DOTA
Python编写生成验证码的脚本的教程
2015/05/04 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
python使用selenium爬虫知乎的方法示例
2020/10/28 Python
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
ONLY瑞典官网:世界知名服装品牌
2018/06/19 全球购物
文言文形式的学生求职信
2013/12/03 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
保护环境倡议书100字
2014/05/19 职场文书
双拥工作宣传标语
2014/06/26 职场文书
七夕活动策划方案
2014/08/16 职场文书
村党支部书记四风问题个人对照检查材料思想汇报
2014/10/06 职场文书
2015年文秘个人工作总结
2015/10/14 职场文书
Python机器学习之基础概述
2021/05/19 Python
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers