Vuetify - Как сделать текст подписи слева и текстовое поле справа в форме

Question

Я хочу оставить метку и правое текстовое поле в vuetify.

В vuetify использование домашней страницы, это метка и форма текстового поля не мое требование.

<v-text-field
    v-model="firstname"
    label="First name">
</v-text-field>

Я хочу, чтобы левая метка и правое текстовое поле в форме были vuetify.

Answer 1

Как насчет использования v-subheader?Так как нет такой опоры, вы можете установить метку текстового поля вне контейнера текстового поля и выровнять по левой стороне.

  <v-layout row>
    <v-flex xs1>
      <v-subheader>Label here</v-subheader>
    </v-flex>
    <v-flex xs2>
      <v-text-field
      ></v-text-field>
    </v-flex>
  </v-layout>

Ссылка Codepen здесь .