[Vuejs]-How to align left reversed v-text-field label

You could create a CSS class to apply to the text-input that targets the label and overrides the positioning.

.label-left

.label-left .v-label {
  left: 0 !important;
  transform-origin: top left !important;
}

Now you can apply the label-left class to the reversed input.

<v-text-field
  class="label-left"
  reverse
  label="number input"
  append-icon="mdi-magnify"
  type="number"
></v-text-field>