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

作者: 革易 | 来源:发表于2019-04-19 11:25 被阅读3次

在小程序开发过程中,有一些页面由于加载缓慢,导致用户重复点击,结果就是用户打开同一个页面好几次。根据自己的开发经验,结合小程序页面跳转方法,提出以下解决方案,欢迎指正。

主要思想:就是在点击事件内增加if判断,通过小程序页面跳转方法的complete方法来规定是否可再次点击

小程序路由complete方法

方法示例

用的是mpvue开发小程序,但基本思想相同

1、首先在data里定义一个变量,命名为 isButtonClick: false

data定义isButtonClick

2、在页面点击事件内添加判断,当isButtonClick为true时直接return,在小程序页面跳转事件成功或失败后将isButtonClick重置为false

跳转事件内添加if判断

相关文章

网友评论

    本文标题:微信小程序重复点击解决方案

    本文链接:https://www.haomeiwen.com/subject/rcqqgqtx.html