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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: iframe を通じて DOM 要素のサイズ変更を監視する
>>: Linux サーバーは最大いくつのポートを開くことができますか?
推薦する
MySQL の order by ステートメントの最適化方法の詳細な説明
この記事では、ORDER BY文の最適化について学びます。その前に、インデックスの基礎的な理解が必要...
CSS で画像アダプティブ コンテナを実装するためのサンプル コード
多くの場合、画像をコンテナのサイズに合わせて調整する必要があります。 1. imgタグ方式幅と高さを...
Mac OS10.12 に mysql5.7.18 をインストールするチュートリアル
ウェブ全体を検索して、さまざまな落とし穴を見つけましたが、問題は解決しませんでした。ついに自分でも分...
CSS トップに戻る コード例
最近のウェブサイトのほとんどはページが長く、4 画面または 5 画面の長さのものもあれば、2 画面ま...
Ember.js と Vue.js の詳細な比較
目次概要フレームワークを選択する理由は何ですか? js のエンバーEmber.js と Vue.js...
よく使用される MySQL 関数の完全なリスト (分類および要約)
1. 数学関数ABS(x) xの絶対値を返します。 BIN(x) xの2進値を返します（OCTは8...
Centos7 ベースの Nginx Web サイト サーバーの構築の詳細説明 (仮想 Web ホストの構成を含む)
1. Nginx サービス基盤Nginx (エンジン x) は、パフォーマンスの最適化のために特別...
vue-element-adminフレームワークを使用して、バックエンドからメニュー機能を動的に取得します。
目次2. 詳しい説明2.1. asyncRoutesルーティングを追加する2.2. 新しいpermi...
ulとliの基本的な使用法の分析
ナビゲーション、少量のデータテーブル、中央揃え<!DOCTYPE html PUBLIC &q...
eCharts でパーセンテージ付きの横棒グラフを実装する方法
目次サンプルコードレンダリングコード分析要約するサンプルコード var データ = [220, ...
jQueryメソッド属性の詳細な説明
目次1. jQueryの紹介2. jQueryセレクター2.1 5つの基本セレクタ2.2 4種類の関...
HTMLページ埋め込み動画とJSコントロール切り替え動画例の詳しい説明
まず、ページにビデオを埋め込むための HTML コードは次のとおりです。コードをコピーコードは次のと...
CSSで半透明の背景色を実現する2つの方法について簡単に説明します。
ページをレイアウトする際、ユーザーに異なる視覚効果を与えるために、div の背景色を半透明の状態に設...
JavaScript の基礎: スコープ
目次範囲グローバルスコープ関数のスコープもし、スイッチ、のために、その間ブロックスコープスコープチェ...
ネイティブJSでマウススライドによる愛の拡散効果を実現
この記事では、マウスをスライドすると愛が広がる js 特殊効果を紹介します。効果は次のとおりです。 ...