vue-seamless-scrollがスクロールしていいねをするときのデータ同期の問題を解決する

vue-seamless-scrollがスクロールしていいねをするときのデータ同期の問題を解決する

VUE は vue-seamless-scroll を使用して、自動的にスクロールしていいねします。2 つの overhiden があるため、クリックは DOM と同期されません。コード内に上下に中断された 2 つの vue-seamless-scroll があります。中断された部分のいいねトリガーは応答しません。理由は、以下の中断された vue-seamless-scroll は静的であり、DOM が同期されていないためです。

解決策: リセットを示すために this.$refs.seamlessScroll.reset() を追加します

これで、vue-seamless-scroll と「いいね!」の接続ポイントでのデータ非同期問題を解決する方法についての記事は終了です。vue-seamless-scroll の関連コンテンツについては、123WORDPRESS.COM で過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Vueは静的ページにいいねといいねのキャンセル機能を実装します
  • アニメーション効果のようなVueトランジションの例
  • Vue+Bootstrap コレクション(のような)関数のロジックと具体的な実装
  • ライブ放送ルームにいいねやフローティングハート効果を実装するための Vue サンプルコード
  • Vue コンポーネント間の通信例のまとめ(関数など)
  • VUEはvuexを使用してニュースのような関数の例をシミュレートします
  • コメントリストを実現するVue開発
  • Vueはコメントリストを実装する
  • Vueはシンプルなコメント機能を実装します
  • Vueは記事のいいねと嫌いの機能を実装します

<<:  iframe を通じて DOM 要素のサイズ変更を監視する

>>:  Linux サーバーは最大いくつのポートを開くことができますか?

推薦する

5つのクールで実用的なHTMLタグと属性の紹介

実はこれもクリックベイトのタイトルであり、「派手」とは言えません。ただ私が無知で、こうしたラベルを見...

MySQL 入門 - 概念

1. それは何ですか? MySQL は最も人気のあるリレーショナル データベース管理システムです。W...

docker redis5.0 clusterの実装 クラスタ構築

システム環境: Ubuntu 16.04LTSこの記事では、6 つの Docker コンテナを使用し...

廃止された Docker は Podman に置き換えられますか?

Kubernetes チームは最近、最新バージョンの Docker でサポートされている機能を廃止...

Vue ページ状態の永続化の詳細な説明

目次コード:補充:要約する要件: 左のツリーと右のテーブル。組織ツリーでノードを選択した後、詳細ペー...

Docker はクラスター MongoDB 実装手順を構築します

序文会社の業務上のニーズにより、独自の MongoDB サービスを構築する予定です。MongoDB ...

CSS3 は 3D キューブの読み込み効果を作成します

簡単な説明これは CSS3 のクールな 3D キューブのプリロード効果です。この特殊効果は、シンプル...

MySQL エラー コード 1064 の解決策

SQL ステートメント内の単語が mysql のキーワードと競合する場合は、`` (タブ キーの上)...

Vue プロジェクトで TS (TypeScript) を使用するための入門チュートリアル

目次1. Typescriptの紹介2. 設定ファイル webpack 設定3. プロジェクトに.t...

Nginx SSL証明書設定エラーの解決策

1. はじめにWeb プロジェクトを Linux サーバーで公開する場合、SSL 証明書を構成する必...

商品クエリ機能を実現するJavaScript

この記事の例では、商品検索機能を実現するためのJavaScriptの具体的なコードを参考までに共有し...

シンプルなショッピングカート機能を実現するjs

この記事の例では、簡単なショッピングカート機能を実現するためのjsの具体的なコードを参考までに共有し...

IIS サーバーから apk ファイルをダウンロードする際の 404 エラーの解決策

最近、IIS をサーバーとして使用すると、apk ファイルがサーバーにアップロードされましたが、ダウ...

MySQL 8.0 エラー サーバーがクライアントに不明な認証方法を要求しました 解決策

最新バージョンのMySQL 8.0.11をインストールした後、ユーザーを作成して認証します。認証され...

forEachでawaitが機能しない問題を解決する

1. はじめに数日前、プロジェクトでトラバーサルに使用したときに落とし穴に遭遇し、解決するのに 1 ...