Vuetify 很好地显示 select 选项

Question

我的 select 选项涵盖了我的标签 “下载”。

我试过加offset-y，结果还是不行

<v-select offset-y dense outlined :items="downloadOptions" label="Download" v-model="downloadOption"></v-select>

有什么提示可以实现吗？

Answer 1

使用 menu-props 道具。

对于像 offset-y 这样的布尔值，您可以只传递一个字符串。

<v-select menu-props="offset-y"></v-select>

这里是对应的Documentation.

Answer 2

你可以试试 css 这是代码。

.v-text-field--outlined.v-input--dense .v-label--active {
    transform: translateY(-26px) scale(.75);
}

Vuetify show select options nicely