【小程序】防止重复跳转多次页面

2,003 阅读1分钟

概述

问题:由于页面加载速度慢,重复点击按钮就会出现重复跳转页面。

解决:加一个开关来解决此类情况

解决方法

1. 在data里面定义一个布尔类型
data:{
     isGoNavigation:undefined,
}
2. 页面初始化onShow()函数中开启true
onShow:function(){
        this.setData({
            isGoNavigation:true
        })
}
3. 页面跳转成功-关闭
if(that.data.isGoNavigation){
    //跳转详情页面
    wx.navigateTo({
        url'/pages/report/report',
        success:function(){
            that.setData({
                isGoNavigation:false 
            })
        }
    })
}