vue.js - 降低 Vuetify 下拉菜单的高度

Question

我无法降低 Vuetify 下拉组件 v-select 的高度。我尝试使用 Prop dense 但它只会降低要选择的选项的高度，并且对关闭的下拉列表没有任何影响。

我尝试了以下模板代码:

<v-select :items="selectableYears" dense outlined></v-select>

文档中的示例代码非常相似:

<v-select
    :items="items"
    label="Outlined style"
    dense
    outlined
></v-select>

文档:https://vuetifyjs.com/en/components/selects

Answer 1

我使用的 Vuetify 版本 (2.0.5) 似乎只能部分使用密集 Prop 。将版本升级到 2.1.0 会降低使用 :dense="true" 作为 Prop 时关闭的下拉菜单的高度。