【Vue.js/Vuetify】Textfieldsの下に余白が入ってしまう問題の解決

原因

Text fieldsの下には、デフォルトだと
ヒントやエラーメッセージ表示用の要素が入っている。

対策

エラーやヒントのメッセージを表示しない場合はv-text-field要素にhide-detailsを空に指定する。

<v-text-field 
  hide-details
></v-text-field>

メッセージを出す時だけ要素を生成する場合はautoを指定

<v-text-field 
  hide-details="auto"
></v-text-field>

参考