Vuetify - Как изменить высоту строки v-textarea?

Question

Я хотел бы изменить размер шрифта. Но если я это сделаю, то высота строки не изменится. Я попытался использовать row-height = "40", чтобы сделать это. К сожалению, это не работает. Я протестировал с расширением vue development, которое поддерживает v-textarea. Там я вижу ряд высоты. Но это тоже не имеет никакого эффекта.

    <v-textarea
        value="The Woodman set to work at once,and so sharp was his axe that the tree was soon chopped nearly through."
        row-height="40"
        class="headline"
     ></v-textarea>

---

Руководство по Vuetify -> Textarea

Prop-Name = высота строки (значение высоты для каждого ряда)

По умолчанию = 24

Тип = число | строка

---

Большое спасибо, Крис

Answer 1

Вы можете добавить свойство rows="4", чтобы изменить высоту text-area.Чтобы изменить row-height, вы можете добавить класс CSS

.v-textarea textarea {
      line-height: 40px;
 }

См. Мой пример