Detaillierte Erläuterung der Implementierungsmethode der Pulldown-Aktualisierung und des Pullup-Ladens im WeChat-Applet

Zwei Implementierungsmethoden für die Pulldown-Aktualisierung und das Pullup-Laden des WeChat-Miniprogramms 1. Verwenden Sie die Methoden „onPullDownRefresh“ und „onReachBottom“, um die Pulldown-Aktualisierung und das Pullup-Laden des Miniprogramms zu implementieren. Legen Sie bindscrolltoupper und bindscrolltolower in der Scroll-Ansicht fest, um dies zu erreichen. Das WeChat-Miniprogramm wird zum Aktualisieren nach unten und zum Laden nach oben gezogen.

1. Verwenden Sie die Methoden „onPullDownRefresh“ und „onReachBottom“

Schreiben Sie die Methoden „onPullDownRefresh“ und „onReachBottom“ direkt in die js-Datei

xml

<scroll-view scroll-y = true >    
    .........
</scroll-view>

js

onPullDownRefresh: function() {
    // Do something when pull down.
     console.log('刷新');
 },
 onReachBottom: function() {
    // Do something when page reach bottom.
     console.log('circle 下一页');
 },

2. Legen Sie bindscrolltoupper und bindscrolltolower in der Scroll-Ansicht fest

Setzen Sie bindscrolltoupper und bindscrolltolower in der Scroll-Ansicht und schreiben Sie es dann in js. Gute Methode für reagieren, nachdem ein Ereignis ausgelöst wurde. [Beachten Sie, dass Sie die Höhe der Bildlaufansicht festlegen müssen, wenn Sie diesen Modus verwenden. Ich weiß zu 100 % nicht, warum die Einstellung keine Auswirkung hat.]

xml

<scroll-view scroll-y = true bindscrolltolower="loadMore" bindscrolltoupper="refesh">
    ..........
</scroll-view>

js

onPullDownRefresh: function() {
    // Do something when pull down.
     console.log('刷新');
 },
 onReachBottom: function() {
    // Do something when page reach bottom.
     console.log('circle 下一页');
 },

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Implementierungsmethode der Pulldown-Aktualisierung und des Pullup-Ladens im WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!