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

日期选择组件

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

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

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

首先在需要使用组件页面的json文件添加配置

 "usingComponents": {
    "z-date":"/components/date/index",
  },

自己起什么名字,xml的标签就写什么名字,如我这叫'z-date',xml中就写<z-date></z-date>,

(一般团队项目自定义组件会以"名-cmp"为命名规范,这个项目就我一个人写的,我也不讲究了,不过我全部以z-开头来区分自定义组件,建议大家遵守命名规范)

页面xml

<z-date dateList="{{dateList}}" bind:week="onWeek"></z-date>

 dateList="{{dateList}}" 前面的 dateList为组件接收的名字,花括号里的是数据

 组件接收页面数据,首先在js中定义接收数据的类型 

properties: {
    dateList: {
      type: Array,
    },
   
  },

组件xml