学习小程序踩坑记录

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情 

1.遇到bindtap在预览可以正常点击，真机调试却不行？

解决：{把主页面路由顺序调整后就可以了；}

备注：控制台可能没报错，但代码里一定有逻辑或格式的错误

2.路由页面通信无法显示；

var that = this或者用es6的箭头函数

3.真机调试下，遇到初始化data无法显示？

控制台可能没报错，但代码里一定有逻辑或格式的错误

4.picker组件下拉框未选择时，默认空值，点击不弹下拉框也没有报错信息：

默认为空值时，这个组件宽高赋值为0了，手指点击不到这个picker组件，自然无法显示下拉框

5.margin塌陷或者合并？

margin塌陷或合并时，最常用方法是，在父元素上添加css样式：overflower:hidden;（触发BFC盒子模式，float浮动等也能有效解决这个问题）

6.自定义组件

1.父级给子级传值

<!-- 父级wxml -->
<x-title titleText="全部订单"></x-title>


<!-- 如果父级的值是一个变量则 -->
<x-title titleText="{{currentTitle}}"></x-title>

2.子级接收父级传过来的值

<!-- 子级js -->
properties: {
        titleText:{
            type:String,
            value:'其他'
        }
    },

7.在bindtap方法里，可以用data-key来传参，用方法里的event.target.dataset.key来接收，这里key自定义的名字必须小写。

8.checkbox里的value类型必须为string，如果想传object，可以用data-

9.探索中..