ホームページ  >  記事  >  ウェブフロントエンド  >  vue.jsで入力の値を取得する方法

vue.jsで入力の値を取得する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-27 11:49:198752ブラウズ

Vue.js メソッドを使用して入力値を取得します: 1. [$.ref] を使用して要素を識別し、送信メソッド [this.$ref.] をクリックしてコンテンツを取得します。 [v-model] 双方向バインディングを使用し、送信をクリックし、[this.upTitleArea] をクリックしてコンテンツを取得します。

vue.jsで入力の値を取得する方法

このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9.6、Dell G3 コンピューター。入力の値を取得する

vue.js メソッド:

1、要素を識別するために $.ref を使用します。コード:

vue.jsで入力の値を取得する方法

vue.jsで入力の値を取得する方法

##送信メソッド

this.$ref をクリックします。コンテンツを取得します;

2 番目に、v-model 双方向バインディングを使用します

vue.jsで入力の値を取得する方法

vue.jsで入力の値を取得する方法

vue.jsで入力の値を取得する方法##[送信] をクリックすると、this.upTitleArea がコンテンツを取得します。注:

v-model

は、

を取得する前にデータ内で宣言する必要があります。関連する学習の推奨事項:
JavaScript ビデオ チュートリアル

以上がvue.jsで入力の値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。