Vue
Vuetifyのv-textareaやv-text-fieldで文字数を表示する方法
いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。
PR
Vuetify の v-textarea や v-text-field で文字数を表示する方法についてまとめました。
現在の文字数だけを表示する方法
<v-text-field counter></v-text-field>
<v-textarea counter></v-textarea>上限と現在の文字数を表示する方法
<v-text-field :counter="50"></v-text-field>
<v-textarea :counter="5000"></v-textarea>まとめ
以上です。
超簡単ですね。サクッと作れるので、ありがたいです。
公式ドキュメントのここに詳しく書いてあり、ほかにも便利な機能がありますので確認してみてください。
Laravel ＋ Vue ＋ S3 で画像の保存をする方法
苦情、誤りに関する指摘は下の Twitter の DM から頂ければ幸いです。
それでは！
フィードバックのお願い
この記事のフィードバックがありましたらYoutubeの適当な動画にコメントしていただいたり、お問い合わせからご連絡ください。
