Vue

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

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

オススメ本
Web技術を勉強するなら、かなりオススメの雑誌です。毎月新しい発見があります。ついに最終号・・・、みなさん買いましょう!!
読んで損することはない名著。命名で悩むことが多い人はこの本がオススメです。

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

それでは!