问题
微信小程序在真机测试时,遇到这样一种情况:当网络条件差或卡顿的情况下,进行某项操作时,使用者会认为点击无效而进行多次点击,致使多次跳转页面或多次上传同一表单,导致函数或接口被多次调用,实际上使用者只想调用函数和接口一次。
解决方法
添加节流阀,即按下按钮后将方法锁定,等方法执行完再解锁。
wxml:文章来源:https://www.toymoban.com/news/detail-535312.html
<input type="text" value="{
{msgValue}}" confirm-type="send" bindconfirm="sendMsg" bindinput="bindKeyInput" placeholder="请输入聊天内容" />
JS:文章来源地址https://www.toymoban.com/news/detail-535312.html
//在页面初始数据data中,声明“锁”: sendMsgState
data: {
sendMsgState: true
}
//符合消息发送条件的时候,把sendMsgState的值置为false;
//并在消息发送成功之后,将消息发送框的value置空的之后,将sendMsgState设为true
send() {
let self = this;
let msg
到了这里,关于微信小程序防止重复提交的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!