vuetify js расположение метки

Question

Я не могу организовать расположение метки vuetify. Ниже приведен мой код:

<template>
        <v-container>
       <form @submit.prevent="signup">
            <v-col>
            <v-text-field
                v-model="form.name"
                label="Хэрэглэгчийн нэр"
                type="text"
                required>
            </v-text-field>
           </v-col>
       </form>
    </v-container>
</template>

Результат выглядит на следующем рисунке:

Доступен ли этот ярлык слева?

Answer 1

Попробуйте переопределить стиль rtl в метках, добавив свой пользовательский style

<style>

.v-label {
left: 0 !important;
right: auto !important;
}

</style>

Это заставит ALL метки переместиться влево. Если вы хотите применить это только к некоторым входам:

<style>

.ltrLabel label {
left: 0 !important;
right: auto !important;
}

</style>

И на входах вы хотите, чтобы метка была слева:

 <v-text-field
  v-model="form.name"
  label="Хэрэглэгчийн нэр"
  type="text"
  class="ltrLabel" <--- add ltrLabel class
  required>
  </v-text-field>