Heim > Web-Frontend > uni-app > Hauptteil

Warum wird die Uniapp nicht aktualisiert, wenn sie aufgerufen wird, um mehr Alipay zu laden?

PHPz
Freigeben: 2023-04-20 15:10:50
Original
679 Leute haben es durchsucht

Wenn Sie uniapp zum Entwickeln des Alipay-Applets verwenden, kann ein Problem auftreten: Das Alipay-Applet aktualisiert die Seite nicht automatisch, wenn es zum Laden weiterer Dateien aufgerufen wird. In diesem Artikel wird erläutert, wie Sie dieses Problem beheben können.

  1. Einführung der eigenen pageScrollTo-Methode von Alipay

Wenn Uniapp ein Alipay-Applet entwickelt, können Sie die eigene pageScrollTo-Methode von Alipay verwenden, um die Seite zu implementieren. Scrollen Sie zur angegebenen Seite Position. Die spezifische Verwendung ist wie folgt:

// 在vue文件的methods中定义一个scrollToBottom方法
scrollToBottom() {
  // 获取页面滚动高度
  uni.pageScrollTo({
    scrollTop: 9999,
    duration: 0
  });
},
// 在template中引用
<template>
  <view>
    <!-- 省略其他代码 -->
    <view @scrolltolower="scrollToLower">上拉加载更多</view>
  </view>
</template>
Nach dem Login kopieren
  1. Timer verwenden, um die Ausführung zu verzögern

Im obigen Code rufen wir die scrollToBottom-Methode in scrollToLower auf Methode. Scrollen Sie durch die Seite. Im Alipay-Applet dauert das Scrollen der Seite jedoch einige Zeit, und wir müssen die Seite nach unten scrollen, bevor wir weitere Ladevorgänge ausführen können. Daher müssen wir in der scrollToLower-Methode einen Timer verwenden, um das Laden weiterer Vorgänge zu verzögern. Die spezifische Verwendung ist wie folgt:

// 在vue文件的methods中定义一个timer变量
data() {
  return {
    timer: null
  }
},
// 在scrollToLower方法中使用定时器
scrollToLower() {
  if (this.timer) {
    clearTimeout(this.timer);
  }
  this.timer = setTimeout(() => {
    this.scrollToBottom();
    // TODO: 执行加载更多的操作
  }, 100);
}
Nach dem Login kopieren

Im obigen Code definieren wir eine Timer-Variable zum Speichern der Timer-ID. Bei jeder Ausführung der scrollToLower-Methode wird zuerst der vorherige Timer (falls vorhanden) gelöscht . und verwenden Sie dann die setTimeout-Methode, um die Ausführung von scrollToBottom zu verzögern und weitere Vorgänge zu laden.

Das Obige ist die Methode zur Lösung des Problems des Hochziehens, um weitere Seiten zu laden, ohne die Seite im von uniapp entwickelten Alipay-Applet zu aktualisieren. Hoffe es hilft.

Das obige ist der detaillierte Inhalt vonWarum wird die Uniapp nicht aktualisiert, wenn sie aufgerufen wird, um mehr Alipay zu laden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!