国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Vue3での手ぶれ補(bǔ)正実裝方法
P粉055726146
P粉055726146 2023-08-24 12:07:02
0
2
761
<p>フィルター入力ボックスがあり、項(xiàng)目のリストをフィルターしたいと考えています。リストが大きいため、ユーザー エクスペリエンスを向上させるために、ユーザーが入力を停止するまでフィルターの適用を遅らせるために手ぶれ補(bǔ)正を使用したいと考えています。これは、リストをフィルター処理するために filterText にバインドされている入力ボックスです。 </p> <pre class="brush:php;toolbar:false;"><input type="text" v-model="state.filterText" /></pre>
P粉055726146
P粉055726146

全員に返信(2)
P粉879517403

こんにちは。ここで質(zhì)問に答えるのは初めてなので、お?dú)葺Xに答えを修正してください。大変感謝しています。 最も美しく軽量な解決策は、すべてのフォームでランダムに使用できるディレクティブをグローバルに作成することだと思います。

まず、ディレクティブを含むファイルを作成します。 debouncer.js

続いて手ぶれ補(bǔ)正機(jī)能を作成します

リーリー

このファイルを定義した後、main.js に移動(dòng)してファイルをインポートし、エクスポートされた関數(shù)を使用できます。

リーリー

これで、入力ボックスでディレクティブを使用したい場(chǎng)合は、次のように実行するだけで済みます。インポートなどは必要ありません。

リーリー

v-model.lazy ディレクティブは、この方法を選択した場(chǎng)合に非常に重要です。デフォルトでは、入力イベントでバインドされたプロパティが更新されますが、このディレクティブを設(shè)定すると、変更イベントを待機(jī)することになります。手ぶれ補(bǔ)正機(jī)能で発行するイベント。これを行うと、入力を停止するか、タイムアウトが経過するまで (ディレクティブの値で設(shè)定可能)、v-model の自動(dòng)更新が停止されます。 それが明確になることを願(yuàn)っています。

P粉550257856

テンプレート內(nèi)のバインディングを確認(rèn)したかったため、満足のいく解決策が見つからなかったので、解決策を共有することにしました。単純なデバウンス関數(shù)を作成し、次の構(gòu)文を使用して動(dòng)作をバインドしました。 リーリー

テンプレートの構(gòu)文は次のとおりです:

リーリー

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート