vue中使用element组件时事件想要传递其他参数的问题
2019-10-30 07:05
1511 查看
在使用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组件时事件想要传递其他参数的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- vue 路由。父子。兄弟组件传递参数以及一些小问题。slot
- 【Vue】零基础学习Vue: 第24课 Vue子组件触发父主件方法并传递参数:子组件$emit发射事件
- element-ui中upload组件如何传递文件及其他参数
- 如何在element-UI 组件的事件中传递自定义参数
- 总结:使用Gridview的事件传递参数
- 一个使用JS提交表单并传递参数的问题
- Vue框架Element的事件传递broadcast和dispatch方法分析
- 使用VB写ASP组件的朋友,你还在用ByRef传递参数吗?
- 关于javaScript注册click事件传递参数的不成功问题
- jsp使用URL编码传递中文参数问题※※jsp传递中文参数乱码问题
- 详解vue2父组件传递props异步数据到子组件的问题
- 使用事件属性在主界面与用户组件之间传递事件。
- 使用jspsmartupload解决表单属性为multipart/form-data不能传其他参数的问题
- setinterval 使用闭包解决参数不能传递的问题
- Vue框架Element的事件传递broadcast和dispatch方法分析
- vue使用element-ui的el-input监听不了回车事件解决
- 使用Vue与ElementUI开发时,关于时间控件的问题
- webpack+vue-loader 在单独.vue组件中使用sass-loader编译sass报错问题not a valid Win32 applictation
- AS3中通过事件监听传递参数以及动态变量传递的问题
- 关于pager-taglib参数和其他url参数混合使用问题。