【Vue】如何给自带默认回调参数的函数添加自定义参数：$event

最新推荐文章于 2023-09-13 13:29:29 发布
最新推荐文章于 2023-09-13 13:29:29 发布
阅读量1.1k 收藏 5
点赞数 2
文章标签： vue.js javascript 前端
原文链接：https://www.cnblogs.com/AAABingBingBing/p/14755828.html
版权
在Vue.js中，当使用el-upload组件时，原生的handleAvatarSuccess回调函数只接收一个参数。为了传递额外参数，可以利用事件对象$event或使用扩展运算符‘…’来接收多个参数。例如，可以通过$event捕获上传事件的详细信息，并通过额外的形参传递自定义数据。
摘要由CSDN通过智能技术生成

原来的代码是这样的：handleAvatarSuccess 会回调两个参数，这个时候如果直接在里面添加形参接不到

<el-upload :on-success="handleAvatarSuccess">
</el-upload>

handleAvatarSuccess(res) { // 自带的回调参数res跟file
	console.log('res', res)
}

修改后：

<el-upload :on-success="($event) =>{handleAvatarSuccess($event,1)}">
</el-upload>

handleAvatarSuccess($event, flag){ //通过flag接收传过来的1
	console.log('res', $event)
},

如果有多个回调参数，则用"…"接收

<el-upload :on-success="(...event) =>{handleAvatarSuccess(event, 1)}">
</el-upload>

handleAvatarSuccess(param, flag){ //通过flag接收传过来的1
  let res = param[0]
  let file = param[1]
	console.log('res', res)
},
GIS小虫
关注
Vue - 解决 ElementUI / Ant Design Vue 框架组件带有默认回调参数方法时，同时传递默认参数和自定义参数
王佳斌
12-22 2066
前言 Tips：本文拿 ElementUI 框架为例，其他框架同理，都可以参考本文。 在 Vue 项目中，使用 ElementUI 组件时，一些组件都带有 回调方法（Event），如下代码所示： <el-radio v-model="radio" @change="hanlChange" >备选项</el-radio> 拿到回调参数也非常简单，如下代码所示： hanlChange(e){ console.log(e)//Object } 问题出现 这样也是错误的：@cha
vue赋值成功后再回调_Vue内部使用setInterval轮询数据，对象数据重新赋值后再次渲染数据...
weixin_39610956的博客
12-22 524
var vue = newVue({el:"#notification",data: {Message:""},methods: {getMessage:function() {var self = this;$.ajax({url:"../Manage/Message/GetMessage",type:"get",dataType:"json",async:false,success:funct...
vue-----给默认回调函数添加自定义参数
最新发布
最爱松露巧克力
09-13 816
【代码】vue-----给默认回调函数添加自定义参数。
【vue】vue组件回调添加参数
Meditation_Crazy
10-23 1313
前言 如题。 转载：https://blog.csdn.net/qq_29630875/article/details/99056843 <PublicRemoteSelectUser :changeSelectUser="(val)=>{_changeSelectUser(val, form)}"></PublicRemoteSelectUser>
vue学习-vue回调中有参数，页面需要新加参数
蚂蚁搬家
06-29 3094
1.回调页面方法 this.$emit("edit", type);回调中只有一个参数type2.但是在父页面需要往该回调函数中增加新参数index写法需如下：v-on:edit-panel='edit(index,$event)'即需要在新增加的参数后面加上$event3.在父页面实现该回调函数时，写法如下：edit: function(index,type) {}即，在父页面新添加的参数，要写...
Vue 回调函数 传多个参数
搬运Gong
06-21 2910
Vue 回调函数 传多个参数
Vue 组件复用多次自定义参数操作
10-15
在调用组件时，我们将回调函数与额外参数结合： ```vue <vSelect :options="options" @my-event="val => select(val, param)"> methods: { select(value, param) { console.log(value, param); }, }, ``` 这样...
vue有哪些自带的回调函数
07-16
以下是Vue.js中常用的一些自带回调函数： 1. beforeCreate: 在实例初始化之后、数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 2. created: 在实例创建完成后被立即调用。此时实例已完成以下配置...
浅谈ElementUI中switch回调函数change的参数问题
10-18
在ElementUI的switch组件中，我们可以使用$event变量来获取到当前switch组件的状态值，并且可以向回调函数传递额外的自定义参数。通过这种方式，我们可以在同一个回调函数中识别出哪一个switch组件触发了事件，并...
vue 自定义事件传值和回调函数
07-28
在 Vue 中，可以使用自定义事件来传递值和回调函数。下面是一种常见的方式： 1. 定义一个子组件，可以使用 `this.$emit()` 触发自定义事件，并传递值或回调函数。 ```javascript // 子组件 点击触发事件 ...
Vue如何在方法中传递参数和Event?
weixin_49035434的博客
09-06 496
有时我们需要在内联事件处理器中访问原生 DOM 事件。你可以向该处理器方法传入一个特殊的。
vue如何给自带默认回调参数的函数添加自定义参数：$event
mini_1251861209的博客
01-09 5000
原来的代码是这样的：handleAvatarSuccess会回调两个参数，这个时候如果直接在里面添加形参接不到 <el-upload :on-success="handleAvatarSuccess"> </el-upload> handleAvatarSuccess(res) { //自带的回调参数res跟file console.log('res', res) }, 修改后： <el-upload :on-success="($event) =>{han
vue在已有传参的基础上加上一个参数
走在路上的张先森
03-03 1759
js在已有传参的基础上加上一个参数 1.需求： 抽离了一个公用的组件需要回调一个布尔值 <template> <div> <el-switch v-model="valueBoolen" @change="changeStatus($event, valueBoolen)" > </el-switch> </div> </temp
Vue中函数有回调参数，添加参数时如何调取默认回调参数
gcf10080353的博客
07-14 436
添加参数时如何调取默认回调参数
Vue 组件事件回调参数传递额外参数（input远程搜@select事件）
木兮兰兮
05-28 2412
默认事件绑定为：
vue $emit子组件传出多个参数，如何在父组件中在接收所有参数的同时添加自定义参数 Vue.js
博小客_______K·Cross
08-13 420
很多时候用$emit携带参数传出事件，并且又需要在父组件中使用自定义参数时，这时我们就无法接受到子组件传出的参数了。 找到了两种方法可以同时添加自定义参数的方法。 方法一 子组件传出单个参数时： // 子组件 this.$emit('test',this.param) // 父组件 @test='test($event,userDefined)' 方法二 子组件传出多个参数时： // 子组件 this.$emit('test',this.param1，this.param2, this.param3) /
elementUI事件回调函数传参，传递默认参数和自定义参数的问题
yiyueqinghui的博客
11-19 4843
1、只有一个默认参数 $event为第一个默认的参数，‘su’为自定义的参数。 2、多个默认的参数 可以通过在回调函数里定义自己的参数的形式来保留默认参数，同时也可以自己传参数 参考页面 https://blog.csdn.net/wangchaohpu/article/details/85697771 ...
VUE 组件传值 $emit之 $event和arguments
真爱一生的博客
09-12 430
$event和arguments
event事件自带参数需要传自定义参数的方式
qq_42396791的博客
07-20 257
event事件自带参数需要传自定义参数的方式
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值