我试图摆脱Vuetify的默认下划线在v-textarea没有使用单位和独奏。这是我的代码:
<v-textarea
v-model="card.todo"
placeholder="New item"
class="text-area"
auto-grow
rows="1"
row-height="10"
@keyup="update_card"
></v-textarea>
这是它如何呈现的:
<div class="v-input__slot"><div class="v-text-field__slot"><textarea id="input-105" placeholder="New item" rows="1" style="height: 84px;"></textarea></div></div>
我相信这与class=“v-input__slot”有关,因为当我删除该行时,下划线就消失了。
2条答案
按热度按时间lrpiutwd1#
试试这个:
只是要注意,这将清除所有
v-textarea
的边界,所以如果你不想要的话,使用一个类或id!0sgqnhkj2#
添加attr(variant ='solo-filled')到textarea标签
<v-textarea variant='solo-filled'></v-textarea>
您可以在这里找到更多信息https://vuetifyjs.com/en/components/textareas/