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

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

coldplay.xixi
coldplay.xixiオリジナル
2020-12-07 15:53:335395ブラウズ

入力ボックスの長さを設定する 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 サイトの他の関連記事を参照してください。

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