微信小程序父子间组件传参--自定义组件向页面传值

功能:实现点击不同日期,展示不同课程

因为本项目离日期选择用的的方很多,所在单独封装成了组件

自定义组件的使用这里先不说了,页面向组件传值会单独拿出来讲

这里只展示组件向页面传值

页面向组件传值 看这里小程序页面向自定义组件传值_guochanof的专栏-CSDN博客_小程序页面向组件传参

为了加以区分,我把名字分开来取,当然全部叫一样的名字也不会报错

1. 先组件定义事件“todate”（组件内事件）如下图黄色框起来的地方

组件xml:

2.在组件方法中添加名为"todate"的方法,并通过 this.triggerEvent('页面事件名', value); 来绑定事件进行传值 如下图黄色框起来的地方,粉红色圈起来的为页面的事件名

 组件js

3.页面加bind:事件名 = 调用页面事件名 粉红色圈起来的地方与上图组件js中定义的"week"必须一致

  页面xml

 4.js中添加调用方法,红色框起来的地方与上图红色框起来的名字必须保持一致

页面js