Vuetifyのv-textareaやv-text-fieldで文字数を表示する方法

2022-04-09

いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。

現在の文字数だけを表示する方法

<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>

以上です。

超簡単ですね。サクッと作れるので、ありがたいです。

公式ドキュメントのここに詳しく書いてあり、ほかにも便利な機能がありますので確認してみてください。

この記事を書いた人

まっつん

エンジニア歴6年。普段はサーバーサイド開発が中心ですが、個人でスタートアップのサービスを1人で開発・運用しており、Laravel・JavaScript・AWSを中心にフルスタックで対応しています。2019年から、実務でぶつかった課題や解決策をこのブログで発信しています。

フィードバックのお願い

この記事のフィードバックがありましたらYoutubeの適当な動画にコメントしていただいたり、お問い合わせからご連絡ください。