Vuetify-如何在表单上向左标签文本和向右文本字段

Question

我想在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链接here。