欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

小程序按鈕避免多次調(diào)用接口和點擊方案實現(xiàn)(不用showLoading)

 更新時間:2020年04月15日 14:13:34   作者:早飯君  
這篇文章主要介紹了小程序按鈕避免多次調(diào)用接口和點擊方案實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

本來是用showLoading的,點擊直接轉(zhuǎn)菊花,但是呢,showLoading和 showToast這個方法是沖突的,你轉(zhuǎn)了菊花不能彈toast提示,在某個頁面需要提交一次表單和做輸入驗證,測試說可以點擊多次

然后想到可以用一個變量判斷是否點擊了,然后500毫秒后自動回來

寫在公共的utils方法里面

// 防止多次點擊
function btnClickedFun(self) {
  self.setData({
    btnClicked: true
  })
  setTimeout(() => {
    self.setData({
      btnClicked: false
    })
  })
}

js 代碼

Page({
 data: {
  btnClicked: false
 },
 click: function (e) {
  utils.btnClickedFun(this);
  // 各種處理代碼
  
  if (!form[json.departmentId]) {
    utils.showToast('請選擇所屬部門')
    return
  }
  ...
  // 各種處理代碼
  
  utils.showLoading()
  
  開始調(diào)接口
  

 },
})

html代碼

<view bindtap="{{!buttonClicked?'click':''}}" data-id="{{id}}" />
<button bindtap="{{!buttonClicked?'click':''}}" data-id="{{id}}" />
<button bindtap="click" disabled="buttonClicked" data-id="{{id}}" />

到此這篇關(guān)于小程序按鈕避免多次調(diào)用接口和點擊方案實現(xiàn)(不用showLoading)的文章就介紹到這了,更多相關(guān)小程序按鈕避免多次點擊內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論