Scroll View implémente la mise à jour déroulante (empêche onload d'entrer dans la page de mise à jour initiale du Shell Triggered pour déclencher la mise à jour déroulante pour True)

Lumière de la route. 2022-07-24 00:53:29 阅读数:138

scrollviewimplmentela
Évitez l'entrée initiale dans la page parce que vous voulezrefresher-triggeredPourtrueN'utilisez pas correctement les problèmes de chargement déroulants
<scroll-view scroll-y="true" :style="{height:scrollH+'px'}"
:refresher-triggered="triggered" @scrolltolower="scrolltolower"
:refresher-threshold="100"
@refresherrefresh="onRefresh" @refresherrestore="onRestore"
@refresherabort="onAbort" refresher-background="linear-gradient( to right, #A0AAFF,#5E6EFF)"
@refresherpulling="refreshPullingTap" :refresher-enabled="isRefresher">
<view></view>
</scroll-view>
data(){
return{
scrollH:0,
triggered:false,
_freshing:false,
isRefresher:true
}
},
methods:{
scrolltolower(e){
uni.$u.throttle(this.commonPage(), 1000)
},
onRefresh(){
if (this._freshing) return;
this._freshing = true;
this.findRecruitNewsList(0);
let tName=setTimeout(()=>{
clearTimeout(tName)
this.triggered = false;
this._freshing = false;
},1000)
},
onRestore(){
this.triggered = 'restore';
},
onAbort(){
},
refreshPullingTap(){
},
}

Code clé:

onLoad(){

     // Réglage d'un interrupteur de rafraîchissement déroulant personnalisé

     this.isRefresher=false;

     let t=setTimeout(() => {

          clearTimeout(t);

          this.triggered = true;  

     }, 1000)

     let ts=setTimeout(()=>{

          clearTimeout(ts);

          this.isRefresher=true;

     },3000)

},  

Copyright:Cet article est[Lumière de la route.]Établi,Veuillez apporter le lien original pour réimprimer,remercier。 https://fra.fheadline.com/2022/205/202207240052450680.html