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

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

浏览量:395 时间: 来源:子醉

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

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

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

if (!this.data.isNext) return    this.data.isNext = falsewx.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之后都会走这个})

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎