VUE --vue修飾子を学びます

まず、イベントの修飾子

VUEは、ポイントでイベント用またはV-のコール修飾子への道@修飾子を提供(。)命令の接尾辞を。V-上:click.stop。

アウトバブリングからイベントを防ぐ.stop

デフォルトの動作を妨げる.prevent

変更イベントのキャプチャモードをバブリング.captureイベント

.selfは、唯一e.target === e.currentTargetが実行される手段をそのデフォルトの動作をトリガーします。

.onceは、リアルタイムのデータに続いて、一度だけ行われ、私はもはや再レンダリングされていない変更されます。

(一般的に、モバイルエンドで使用される)、スクロールバーの動作を防ぐ.passive

.native(ルート要素のネイティブイベントリスナーコンポーネントは、メインコンポーネントは、ネイティブイベントのカスタムに添加されます)

シリーズのイベント修飾子:<a v-on:click.stop.prevent="doThis">する</a> 

第二に、形態変更

この修飾子は、Vモデルのformタグの役割です。V-model.lazy

.lazy(入力値入力ボックスが変更された場合にのみ、カーソルの葉と言うことです)変更後にトリガ

Number型に出力ストリング*(タイプが定義されているがタイプ数のタイプであるが、入力文字列と、出力が文字列である).NUMBER

.trim末尾のスペースを自動的にユーザ入力を濾過します

第三に、キーボード修飾子

.enter:入力したキーを押すと、入力した後Enterキーをする唯一のトリガコンテンツ


.TAB:タブキー
.delete:バックスペースキー、削除含む
バックキー:.esc
.SPACE:スペースバー
.up:アップキー
.down:Downキーが
.LEFT:左矢印
.RIGHTを:右

第四に、システムの修飾子

 のみだけ押して、対応するボタンにマウスやキーボードイベントリスナーをトリガー達成するための改質剤として使用することができます。

.ctrl
.ALT
.shift
.META

以下のような: 有用であることがシフトを押しながら、時間を入力します。

注:必要に応じてこの修飾子有用であると同時に2つのキーを押します。

第五に、マウスの修飾子

.LEFT
.RIGHT


。中間

シックス・カスタム修飾キーのエイリアス

 

 

公開された70元の記事 ウォン称賛13 ビュー9735

おすすめ

転載: blog.csdn.net/qq_38588845/article/details/104994690