Heim > Web-Frontend > uni-app > Hauptteil

So aktivieren Sie Pulldown in Uniapp

藏色散人
Freigeben: 2023-01-13 00:44:30
Original
3350 Leute haben es durchsucht

So aktivieren Sie Pulldown in uniapp: 1. Aktivieren Sie die Pulldown-Aktualisierung in „pages.json“ 2. Fügen Sie bei jedem Aufruf einen zusätzlichen Datensatz in das Array ein, mit Anweisungen wie „onReachBottom(){let that=this.. .}".

So aktivieren Sie Pulldown in Uniapp

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Dell G3-Computer.

Empfohlen (kostenlos): Uni-App-Entwicklungs-Tutorial

Uniapp implementiert Pull-Up-Laden und Pull-Down-Aktualisierung

Pull-Down-Aktualisierung bei PullDownRefresh

Sie müssen die Pull-Down-Aktualisierung auf Seiten aktivieren .json zuerst

//在pages.json中找到需要开启的页面. 在style中输入
"enablePullDownRefresh": true,
Nach dem Login kopieren

Pulldown aktivieren Nach dem Aktualisieren wird die Pulldown-Animation auf der Seite angezeigt, die dem Pulldown entspricht. Die Animation wird jedoch nicht automatisch geschlossen. Schließen Sie sie daher manuell.

onPullDownRefresh () {
    //刷新初始化数据
    this.size = 10
    this.current = 1 
    //调用获取数据的函数
    this.getData() 
    //关闭刷新动画
    setTimeout(function () {
        uni.stopPullDownRefresh() 
    }, 1000)
},
Nach dem Login kopieren

Pull-up Laden von onReachBottom

Fügen Sie bei jedem Aufruf einen zusätzlichen Datensatz in das Array ein

const SIZE = 10
data(){
return {
size: 10,
current: 1
}
}
//上拉加载函数
onReachBottom(){
    let that = this
    //每次上拉加载的数据比上一次多十个
    that.size += SIZE
    setTimeout(()=>{
        that.getData()
    },1000)
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo aktivieren Sie Pulldown in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage