首页 > 其他 > 详细

vue父子组件之间的传额外的参数

时间:2021-04-09 23:45:51      阅读:35      评论:0      收藏:0      [点我收藏+]

子组件写法:

 

<div @click="childClick">子组件</div>

childClick(){
  this.$emit("emitClick","from child")
}

 

父组件写法:

 

<div @emitClick="parentClick($event,‘from parent‘)">父组件</div>

parentClick(child,parent){
  console.log(child,parent)//from child from parent
}

 

解析:父组件 parentClick 函数的参数中, $event 就代表从子组件传递过来的参数(即:"from child"),后面可以跟任意的额外参数,上面的示例中传入的额外参数为 "from parent",如果有需要,可以传入更多的额外参数,如 @emitClick="parentClick($event,‘from parent‘,‘param1‘,‘param2‘)"

 

vue父子组件之间的传额外的参数

原文:https://www.cnblogs.com/smile-fanyin/p/14638102.html

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