降低 Vuetify 下拉菜单的高度

Question

我无法降低 Vuetify 下拉组件的高度v-select。我尝试使用道具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

看起来密集的 props 在我使用的 Vuetify 版本（2.0.5）中仅部分可用。:dense="true"将版本升级到 2.1.0 降低了用作prop时闭合下拉菜单的高度。