Alipay をさらにロードするためにプルアップしたときに uniapp が更新されないのはなぜですか?

uniapp を使用して Alipay アプレットを開発する場合、問題が発生する可能性があります。さらにロードするためにプルアップするときに、Alipay アプレットはページを自動的に更新しません。この記事では、この問題を解決する方法について説明します。

1. Alipay に付属の pageScrollTo メソッドの紹介

uniapp が Alipay アプレットを開発する場合、Alipay に付属の pageScrollTo メソッドを使用して、指定したページまでページをスクロールできます。位置。具体的な使用法は次のとおりです。

// 在vue文件的methods中定义一个scrollToBottom方法
scrollToBottom() {
  // 获取页面滚动高度
  uni.pageScrollTo({
    scrollTop: 9999,
    duration: 0
  });
},
// 在template中引用
<template>
  <view>
    <!-- 省略其他代码 -->
    <view @scrolltolower="scrollToLower">上拉加载更多</view>
  </view>
</template>

2. タイマーを使用して実行を遅らせる

上記のコードでは、scrollToLower メソッドのscrollToBottom メソッドを呼び出してページをスクロールします。 。ただし、Alipay アプレットではページのスクロールに時間がかかるため、さらに読み込み操作を実行する前にページを一番下までスクロールする必要があります。したがって、scrollToLower メソッドでタイマーを使用して、さらに多くの操作の読み込みを遅らせる必要があります。具体的な使用法は次のとおりです:

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

上記のコードでは、タイマー ID を保存するタイマー変数を定義しています。scrollToLower メソッドが実行されるたびに、前のタイマー (存在する場合) が最初にクリアされ、次に、setTimeout メソッドを使用して、scrollToBottom の実行を遅らせ、さらに操作を読み込みます。

上記は、uniappが開発したAlipayアプレットにおいて、ページを更新せずにさらにページを呼び出して読み込んでしまう問題を解決する方法です。それが役に立てば幸い。

以上がAlipay をさらにロードするためにプルアップしたときに uniapp が更新されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。