首页 > 其他 > 详细

vue中的$event和子组件向父组件数据传递

时间:2020-09-10 12:49:50      阅读:96      评论:0      收藏:0      [点我收藏+]

自带事件 中 $event

@click="clickFun($event)" //或 @click="clickFun"
clickFun(e){
  e.currentTarget // 指向事件绑定元素
  e.target // 指向事件发生的元素
}

通过自定义事件向父组件传递不同状况总结

1. 1 单个参数传递

$emit("a", 1)
// 默认 父组件中
@a = "ahandler" //或 @a = "ahandler($event)"
ahandler(e){console.log(e)} // 1

1.2  若除子组件参数,还想给方法中传递自定义参数 

@a = "ahandler($event, 2)" 
ahandler(e, type){console.log(e, type)} // 1, 2

 

2. 传递多个参数

$emit("a", 1 ,2)
@a = "aFun(arguments)
aFun(a){
  console.log(a) // [1,2]
}

 

vue中的$event和子组件向父组件数据传递

原文:https://www.cnblogs.com/xianhuiwang/p/13644339.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!