首页 > 其他 > 详细

vue子传父拦截器

时间:2019-06-22 15:19:45      阅读:119      评论:0      收藏:0      [点我收藏+]

今天跟大佬学到一个子传父的方法。

父组件data中定义一个变量 a ,定义一个方法  interceptor (val) {this.a = val} 

然后将这个方法传入子组件: <child-node :interceptor="interceptor"></child-node> 

 

在子组件中接收这个方法: props:{interceptor:{type: Function}} 

在子组件中调用拦截器方法: this.interceptor(‘childMsg‘) 

 

在父组件中渲染便可以看到变量 a 中已经得到了子组件中传递的值。

vue子传父拦截器

原文:https://www.cnblogs.com/yummylucky/p/11068734.html

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