vue如何给自带默认回调参数的函数添加自定义参数:$event

原来的代码是这样的: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)
},

原文链接https://blog.csdn.net/mini_1251861209/article/details/112393554

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js提供了一些自的生命周期钩子函数,用于在组件生命周期的不同阶段执行特定的操作。以下是Vue.js中常用的一些自回调函数: 1. beforeCreate: 在实例初始化之后、数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 2. created: 在实例创建完成后被立即调用。此时实例已完成以下配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。 3. beforeMount: 在挂载开始之前被调用。相关的 render 函数首次被调用。 4. mounted: el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。实例已完成以下配置:编译模板,把 data 中的数据和模板生成 html。注意此时还未挂载到页面上。 5. beforeUpdate: 数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。可以在该钩子中对更新之前的状态进行修改。 6. updated: 虚拟 DOM 重新渲染和打补丁之后调用,组件已更新。 7. beforeDestroy: 实例销毁之前调用。在这一步,实例仍然完全可用。 8. destroyed: 实例销毁之后调用。此时,所有事件监听器已被移除,所有子实例也被销毁。 除了以上常用的生命周期钩子函数Vue.js还提供了其他一些钩子函数,如activated、deactivated、errorCaptured等,用于处理组件的激活、失活和错误捕获等情况。 这些自回调函数可以让开发者在不同的组件生命周期阶段执行特定的逻辑,从而更好地控制组件的行为和交互。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值