最近在寫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:'可以再次請求'
})
}
});
},
?? 目前我用的這種,在需要的位置重復寫。大家有好的辦法,歡迎指點一二!