Je voudrais changer la taille de la police. Mais si je le fais, la hauteur de la ligne ne change pas. J'ai essayé d'utiliser Row-Height = "40" pour faire cela. Malheureusement ça ne fonctionne pas. J'ai testé avec l'extension de développement VUE que les accessoires V-Textarea ont. Là je vois un rowheight. Mais cela n'a pas d'effet aussi.
<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>
3 Réponses :
Vous pouvez ajouter les lignes = "4" pour modifier la hauteur de la zone de texte . Pour modifier le Row-hauteur , vous pouvez ajouter une classe CSS
Si la solution ci-dessus n'a pas fonctionné, vous pouvez également essayer .v-text-champ-champ-box> .v-Input__Control> .v-Input__Slot, an .v-text-champ - pleine largeur> .v- Input__Control> .v-Input__Slot, an .v-text-champ - contour> .v-Input__Control> .v-Input__Slot {min-hauteur: 40px! Important; } et retirez la marge comme: .v-text-champ-champ-box - entrée de champ, champ .v-text-champ - entrée à pleine largeur, champ .v-text-champ - Intrée de contour {marge -Top: 0! important; } et assurez-vous de le faire globalement (i.e in app.vue)
J'ai trébuché sur le même problème avec vous et la solution CSS n'a pas suffi car la valeur de hauteur de la ligne ne serait pas réactive.
Heureusement, dans la documentation de composants la plus récente ( https://vuetifyjs.com/fr/components/textarea ), il est maintenant clair que le «fort» de la croissance automatique est nécessaire pour que la Description:
Valeur de hauteur pour chaque ligne.
Certains fois, cela ne fonctionne pas si vous étiez défini [Style Scope]. Que ce qui fonctionne pour moi. J'ai utilisé ici un attribue + opérateur important et cela fonctionne même avec une option de style d'étendue.
<v-textarea text-narrow>
...
</v-textarea>
<style scope>
[text-narrow] {
line-height: 1.1 !important;
}
</style>
Connexes: Stackoverflow.com/questions / 48706964 / ...