Vue

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

いつもご利用ありがとうございます。このブログは、広告費によって運営されています。

Vuetify の v-textarea や v-text-field で文字数を表示する方法についてまとめました。

⇨ Vue 記事の目次はこちら

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

<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 から頂ければ幸いです。

それでは!