ホームページ  >  記事  >  ウェブフロントエンド  >  VUXでプルアップリフレッシュ機能を実装する方法

VUXでプルアップリフレッシュ機能を実装する方法

亚连
亚连オリジナル
2018-06-07 10:55:192382ブラウズ

最近、会社は Vue フレームワークに基づく vux コンポーネント ライブラリを選択しました。興味のある友人はそれを参照してください。アプリを開発しており、Vue フレームワークに基づいた vux コンポーネント ライブラリを選択しました。vux コンポーネント ライブラリには、プルアップ更新機能の実装時に発生する落とし穴がまとめられています。問題: 1 回のみ更新されるため、解決策:自分で状態を手動でリセットする

this.scrollerStatus.pullupStatus = ‘default',

2. 問題: スクロールできない、解決策: キープアライブ キャッシュが有効になっているため、設定する必要があります

activated () {
 this.$refs.scroller.reset()
}

それでも機能しない場合は、バックグラウンドを取得した後、次のコードを実行してください。 data

this.$nxtTick(() => {
    this.$refs.scroller.reset()
   })

を使用してページ全体のコードを投稿します。

rreee

以上が皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

vue で改善スクロール プラグインを使用する

VUE + UEditor で単一画像のクロスドメイン アップロード機能を実装する方法

vue では、watch がオブジェクトの属性を検出できない変化

以上がVUXでプルアップリフレッシュ機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。