Vue.js 如何将v文本字段标签向右对齐？

是否可以将Vuetify文本字段的标签向右对齐

---

这可能适用于自定义类，然后在样式中：

.custom .v-label {
  right: 0 !important;
  text-align: end;
  left: 100px !important;
}

---

您需要用假值覆盖左：0。我用100px测试了它，它看起来很好。

我想它对你有用

<v-text-field label="Align this label to the right" reverse></v-text-field>

---

v型垫片将推动一切正常。 因此，您可以通过分别添加标签和文本字段来执行以下操作。 在12个网格中，前9个是标签前的空格

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

标签值

您可以使用

reverse

属性，但它会将所有内容置于右侧，而不仅仅是标签