vue项目父子组件传值

第一步:在子组件上绑定两个自定义变量,如上图所示:ref="reportDate1"  和  :report-date="reportDate",前者相当于节点,用来找该组件,后者用来传值。

第二步:进入子组件页面,定义props来接收reportDate,如下图所示

然后在methods里面写一个方法,用来接收值,如下图:

二、由上图一,通过改变父组件里面的日期,子组件里面得根据这个日期初始化数据,所以给父组件的日期控件加上@change=changes事件

以上就完成了。

posted @ 2018-09-14 16:48  十黎九夏  阅读(291)  评论(0编辑  收藏  举报