ホームページ > ウェブフロントエンド > jsチュートリアル > .vue ファイルの入力イベントの監視の詳細な説明

.vue ファイルの入力イベントの監視の詳細な説明

小云云
リリース: 2018-05-17 11:06:54
オリジナル
8690 人が閲覧しました

.vue ファイルは実際にはコンポーネントです。以前に .vue ファイルというアドレスで記事を書きました。今日の記事は、.vue ファイル内の入力値変更イベントの監視に関するものです。このページでは、input の値が変更されたときにイベントが呼び出されることが必要です。最初に思い浮かぶのは oninput です。この記事では、皆さんの参考として、主に .vue ファイル内の入力イベント (oninput) の監視について説明します。お役に立てれば幸いです。

oninput イベントは、ユーザーが入力したときにトリガーされます

.vue ファイルの入力イベントの監視の詳細な説明

しかし、.vue で次のように書いても効果はありません:

.vue ファイルの入力イベントの監視の詳細な説明

<input type="text" id="cardsNum2" value="1" @oninput ="inputFunc">
ログイン後にコピー

このように書いても効果はありません:

.vue ファイルの入力イベントの監視の詳細な説明

<input type="text" id="cardsNum2" value="1" v-on:oninput ="inputFunc">
ログイン後にコピー

最後に、このように書くと動作します:

.vue ファイルの入力イベントの監視の詳細な説明

<input type="text" id="cardsNum2" value="1" v-on:input ="inputFunc">
ログイン後にコピー

関連する推奨事項:

Jquery 入力値インスタンスのリアルタイム監視

js 入力ボックス値のリアルタイム変更インスタンスの監視

JQuery入力キーアップ イベント Solution_jquery をリッスンできません

以上が.vue ファイルの入力イベントの監視の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート