vuetify.js - 如何从 v-text 文件或 v-input 文件中删除下划线

Question

我尝试从 Vuetify 中的 v-input、v-text 或 v-autocomplete 文件中删除下划线，但我找不到如何
有什么方法可以从 Vuetify 中的 v-input、v-text 或 v-autocomplete 文件中删除下划线。

Answer 1

在 v-text 上添加“solo”和“flat” Prop 。适用于 v-input 和 v-autocomplete。

<v-text-field flat solo></v-text-field>

Flat:来自 vuetify 文档的描述
“删除使用独奏或独奏反转 Prop 时添加到元素的高度(阴影)”
vuetify 中有一个游乐场，它也可以为您提供帮助。
https://vuetifyjs.com/en/components/text-fields/