微信小程式防止多次點選提交的方法

2021-10-02 01:25:19 字數 735 閱讀 3670

一、利用頁面資料加上lock引數

page.js中加入

page(,

//表單提交

submit() = that.data;

if(!lock));

//資料請求操作

//請求完成後 開鎖

that.setdata();

} }

})

二、利用背景圖層遮擋

wxml中加入

page.js中加入

page(,

//表單提交

submit() = that.data;

if(!show));

//資料請求操作

//請求完成後 隱藏圖層

that.setdata();

} }

})

三、隱藏按鈕的方式

wxml中加入

無事件的按鈕

有事件的按鈕

page.js中加入

page(,

//表單提交

submit() = that.data;

if(!show));

//資料請求操作

//請求完成後 隱藏按鈕

that.setdata();

} }

})

微信小程式 防止多次點選跳轉(函式節流)

在使用小程式的時候會出現這樣一種情況 當網路條件差或卡頓的情況下,使用者會認為點選無效而進行多次點選,最後出現多次跳轉頁面的情況,就像下圖 快速點選了兩次 然後從 輕鬆理解js函式節流和函式防抖 中找到了解決辦法,就是函式節流 throttle 函式在一段時間內多次觸發只會執行第一次,在這段時間結束...

微信小程式中點選收藏類似功能

data click else view catchtap ok icon wx if type success color red icon wx else type success color green view 在這個ok方法中,犯了乙個低階的錯誤,this.islove 當成 this.d...

微信小程式 元件間獲取點選事件

子元件component 父元件 設定id才能獲取到元件元素 quit quit 生命週期函式 監聽頁面載入 onload function options 子元件 使用triggerevent方法,第乙個引數為自定義事件名稱 this triggerevent quitevent 父元件 在父頁面...