小程序常见问题汇总

1.微信小程序规定页面路径最多只能是五层，当进入第五层页面之后，wx.navigateTo将不能正常打开新页面。请避免多层级的交互方式，或者使用如下方式解决：

1. （1）wx.navigateBack({
2. delta: 2
3. })
4. 关闭当前页面，返回上一页面或多级页面delta--返回的页面层数
5.  
6. （2）wx.reLaunch({
7. url: 'index?id=1'
8. })
9. 关闭所有页面，打开到应用内的某个页面。
10. （3）wx.redirectTo({
11. url: 'test?id=1'
12. })

使用redirectTo代替navigateTo（关闭当前页面，跳转到应用内的某个页面）  注：tab定义过的页面跳转只能用wx.switchTab跳转，wx.navigateTo等跳转无效

2.tabBar图标必须是相对路径

3.防止重复提交和打开多个页面的方法：

（1）定义一个data来作为判断依据，如

　　bindtap="{{(isConfirmBuy==0)?'':'confirmBuy'}}"（此方法仅针对多次点击按钮事件，表单重复提交无效）

（2）根据点击事件的时间戳来判断，如

1. function bindViewTap(e) {
2. //该方法针对快速点击多次跳转多次引起的BUG
3. var time = e.timeStamp;
4. //console.log(time+"---"+app.globalData.lastTapTime+"---"+Math.abs(time-app.globalData.lastTapTime))
5. //设置无效点击，根据自己的需求设置，这里navigateTo切换页面到动画结束需要的时间为500毫秒左右
6. if (Math.abs(time - app.globalData.lastTapTime) < 500 && app.globalData.lastTapTime != 0) {
7. //app.globalData.lastTapTime = time; //这里一定更新无效点击的时间
8. return false;
9. }else{
10. app.globalData.lastTapTime = time;
11. return true;
12. }
13. //更新有效点击的时间
14. }
15.  
16. //定义公共方法
17.  
18. var bvt = common.bindViewTap(e);
19. if(!bvt) return false;
20.  
21. //事件最开始调用（推荐）

4.赋值写法：

1. this.setData({ 'status':false }); 有效 this.data.status= true 无效

5.注意将上传下载网络请求等接口地址设置白名单。

6.小程序onLaunch里面异步取值导致首页onload取值取不到的问题

方案：（1）做个启动页过度  （2）把下面的方法放到异步请求成功后的success里面

1. if (getCurrentPages().length != 0) {
2. getCurrentPages()[getCurrentPages().length - 1].onLoad()
3. }

7.小程序之间的跳转问题：（https://mp.weixin.qq.com/debug/wxadoc/dev/api/navigateToMiniProgram.html）