vue中使用element组件时事件想要传递其他参数的问题

客官°小女子只卖身不卖艺 2023-06-03 04:50 106阅读 0赞

在使用element的上传组件时在一下几个钩子中传递其他参数

![1009106-20190917202213899-780772632.png][]

图中是文件上传时的几个钩子，参数为文件或文件列表或者其他参数，但是现在我想在原有参数上传递其他参数。比如我想在on-success的钩子中传递一个自定义参数i，原本是这样写的：

:on-success=”handleSuccess（i）” //handleSuccess是一个方法

但是发现这样写取不到自身原来的参数，后来在网上找到了一个比较好的方法，如下：

:on-success=”(value)=> handleSuccess(i, value)”

1  
这样就既可以获取到原有的参数又可以获取自定义传递的参数，下面是自己的使用方法：

<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>

转载于:https://www.cnblogs.com/ttjm/p/11536788.html

[1009106-20190917202213899-780772632.png]: /images/20230601/683a656e53d8482bad50c7435fc08aec.png

发表评论取消回复

表情：

评论列表（有 0 条评论，106人围观）

还没有评论，来说两句吧...

相关阅读

相关在Vue项目中使用Element组件

0 写在前面使用组件可以快速进行开发，使用Element UI轻松制作出网页，为前端开发人员大大减轻了代码负担，即使是后端程序员也可以快速上手做出比较精美的界面。

绝地灬酷狼/ 2024年03月26日 15:47/ 0 赞/ 201 阅读

相关 vue中使用element组件时事件想要传递其他参数的问题

在使用element的上传组件时在一下几个钩子中传递其他参数 ![1009106-20190917202213899-780772632.png][] 图中是文件上传时的几

客官°小女子只卖身不卖艺/ 2023年06月03日 04:50/ 0 赞/ 107 阅读

相关 VUE_vue组件参数的传递

一、父到子传递参数基础传递对象传递的是字符串需要加’'单引号组件Btn <Btn :title="'修改'" /> 获取参数 dat

小灰灰/ 2023年02月08日 14:28/ 0 赞/ 105 阅读

相关 vue2使用element-ui的el-select组件传递参数和对象

vue2使用element-ui的el-select组件传递参数和对象 el-select组件官方实例中只能通过value绑定传递一个参数在线实例展示：[h

今天药忘吃喽~/ 2022年12月29日 12:54/ 0 赞/ 216 阅读

相关 vue集成Element组件--使用记录

一、安装及组装暂不考虑基础vue页面的组成： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_te

忘是亡心i/ 2022年12月15日 12:40/ 0 赞/ 283 阅读

相关 vue在使用element组件时 scss的样式没作用

先看下代码 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

偏执的太偏执、/ 2022年12月11日 01:24/ 0 赞/ 184 阅读

相关 Vue组件中值的传递

Vue组件中值是如何传递的？三、v-for的情况下，父组件向子组件传值两种情况如下： 1. 父组件传一个items数组——对象的集合，一次将所有的值传过去，此时fo

女爷i/ 2022年04月18日 02:54/ 0 赞/ 390 阅读

相关 vue 事件传递事件参数与其他参数的方法

e v e n t （必须写成 event（必须写成 event（必须写成event） <input type="file" accept="image/"

水深无声/ 2022年03月28日 03:28/ 0 赞/ 458 阅读

相关 vue+element-路由传递参数

业务场景：我在做一个酒店自助机业务的时候出现这样一个情况，首先是客人入住，那么这个时候客人入住的时候需要选择是有没有预定过，如果有预定的话，那么就直接刷身份证或者输入订单号

淡淡的烟草味﹌/ 2022年03月01日 05:52/ 0 赞/ 573 阅读

相关在element-UI 组件的 change 事件中传递自定义参数

> 如图案例: 在@change 的事件函数体中,在再给一个函数即可 (图中括号不可省略) > > @change="(val)=>selectChange(val,

墨蓝/ 2021年11月16日 13:46/ 0 赞/ 568 阅读