小程序按钮防止重复点击

最新推荐文章于 2025-03-20 15:44:13 发布

原创最新推荐文章于 2025-03-20 15:44:13 发布 · 6.3k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #小程序

前端同时被 2 个专栏收录

16 篇文章

订阅专栏

小程序

6 篇文章

订阅专栏

本文介绍了解决小程序中因网络不稳定导致的重复提交问题。通过禁用按钮和使用节流函数两种方法，有效避免了多次点击造成的多余请求及数据。

最近做小程序网不好时提交会多次点击，造成多次请求，有很多无用数据，这里记录一下解决方法
方法一

//wxml文件
<button disabled=“{{disabled}}}”>按钮</button>
//js文件
Page((_defineProperty(_Page = {
  data: {
  //在data中添加初始值，这里为false
    diabled: false,
    },
//在相应事件的开头加入
 this.setData({disabled:true})
 //在相应事件的结尾加入
 this.setData({disabled:false})

方法二
节流函数
参考地址：https://blog.youkuaiyun.com/rolan1993/article/details/79170513