日期选择组件
因为本项目离日期选择用的的方很多,所在单独封装成了组件
这里只页面向展示组件传值
组件向页面传值 看这里微信小程序父子间组件传参--自定义组件向页面传值_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