微信小程序重复点击的解决方法

有时候会遇到这种情况,用户第一次点击跳转,由于终端性能的问题，页面未响应，出现卡顿现象,所以用户很着急，就一直点点点，过了一会，页面反应过来了，跳转了好几个页面。

这对用户体验肯定不好，解决方案如下

1.这是最普遍的解决方法,设置一个值，根据值来判断下面的代码执不执行。 不是很推荐

if (!this.data.isNext) return
    this.data.isNext = false

wx.navigateTo({
    url:'/pages/shop/goods/index',
    success: () => {
        this.data.isNext = true
    },
    fail: ()=>{
        this.data.isNext = true
    }
})

2.推荐这个,少了很多易打错的代码

wx.showLoading({
    title:"处理中",
    mask: true //是否显示透明蒙层，防止触摸穿透
})


wx.navigateTo({
    url:"/pages/shop/goods/index",
    complete: ()=>{
        wx.hideLoading()
    }
    //在这里写wx.hideLoading而不在底部写的原因是

    //大部分api都是异步的。这类 API 接口通常都接受一个 Object 类型的参数
    //1.success 成功回调
    //2.fail    失败回调
    //3.complete 完成回调 1跟2之后都会走这个

})