ホームページ > ウェブフロントエンド > Vue.js > vue.jsで入力ボックスの長さを設定する方法

vue.jsで入力ボックスの長さを設定する方法

coldplay.xixi
リリース: 2023-01-13 00:44:50
オリジナル
5505 人が閲覧しました

入力ボックスの長さを設定する Vue.js メソッド: vue を使用して入力の長さを制御し、入力コンテンツの長さを取得します。コードは [

このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9。 6、Dell G3 コンピューター。

[おすすめ関連記事: vue.js]

vue.js 入力の長さを設定する方法box:

開発中の今日のページにログインするには、ログイン入力ボックスの長さを設定する必要があります。入力タイプはnumber

<input type="number" maxlength="11" placeholder="请输入手机号">
ログイン後にコピー

です。次のように書くと、これでは、入力の長さ制限は有効になりません。テストの結果、タイプが数値またはテキストの場合、 maxlength パラメータを設定すると有効にならないことがわかりました。

vue は入力の長さを制御し、入力コンテンツの長さを取得します#

<input type="number" oninput="if(value.length > 11)value = value.slice(0, 11)"
 placeholder="请输入手机号" ref="passwords" v-model.number="passwords">
console.log(this.$refs.passWords.value.length);
ログイン後にコピー
#関連学習の推奨事項:

JavaScript ビデオ チュートリアル #

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

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