uniapp 防止重復點擊

最近在寫uniapp的小程序時,遇到請求后臺數(shù)據(jù)時,在第一次點擊后后臺還沒響應結(jié)束,再次點擊會報錯。于是做了一個簡單的處理。

兩種辦法

方法1:在全局定義的uni.request設置
// 在請求前
uni.showLoading({
  mask:true //是否顯示透明蒙層,防止觸摸穿透,默認:false
});
// 在拿到數(shù)據(jù)后
uni.hideLoading();

?? 這樣寫有個問題,如果當前頁面進來需要請求多次,那就會出現(xiàn)loading顯示后隱藏在顯示在隱藏。因為每次請求都會出現(xiàn)loading框。不建議這樣寫,有更好的辦法,歡迎指點!

方法2:在單獨的請求設置
getbtn(){
  // 請求前
  uni.showLoading({
    mask:true  //是否顯示透明蒙層,防止觸摸穿透,默認:false
  });   
  // 全局的請求封裝(需要自己去封裝)           
  this.$https.post('/page/getlist',{
  }).then(res=>{
    // 拿到數(shù)據(jù)后
    uni.hideLoading();
    if(res.code == 0){
      uni.showToast({
        title:'可以再次請求'
      })
    }
  });   
},

?? 目前我用的這種,在需要的位置重復寫。大家有好的辦法,歡迎指點一二!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • uni-app的基本使用 課程介紹: 基礎部分: 環(huán)境搭建 頁面外觀配置 數(shù)據(jù)綁定 uni-app的生命周期 組件...
    flyjar閱讀 790評論 0 2
  • uni-app的基本使用 課程介紹: 基礎部分: 環(huán)境搭建 頁面外觀配置 數(shù)據(jù)綁定 uni-app的生命周期 組件...
    綠茵場上的碼者閱讀 47,087評論 1 21
  • 完成列表頁和詳情頁 ok,我們目前已經(jīng)完成了首頁,如果我們只是為了制作一個文章系統(tǒng)的話,首頁+列表頁+詳情頁已經(jīng)足...
    黨云龍閱讀 18,118評論 2 39
  • 項目源代碼地址:https://github.com/Mstian/wanAndroid (求個star)項目簡書...
    Mstian閱讀 7,488評論 10 22
  • uni-app的基本使用 課程介紹: 基礎部分: 環(huán)境搭建 頁面外觀配置 數(shù)據(jù)綁定 uni-app的生命周期 組件...
    __Mr_Xie__閱讀 1,543評論 0 1

友情鏈接更多精彩內(nèi)容