如何从Vuetify 3的ComboBox组件中更改下拉框的高度?

sd2nnvve  于 2022-12-14  发布在  Vue.js
关注(0)|答案(1)|浏览(183)

在vuetify 3的组合框组件中,下拉菜单中有数百个项目。当我打开菜单时,下拉菜单从上到下覆盖了整个屏幕,它隐藏了我可以输入的字段。我想降低下拉菜单的高度。我想出了一些hacky css来修复它

div[target] > .v-list[role='listbox'] {
    max-height:300px;
  }

但我不想这样做。有人知道一些vuetify的最佳实践方法来解决这个问题吗?
谢谢

brvekthn

brvekthn1#

解决方法是添加

:menu-props="{ maxHeight: 300 }"

v-combobox组件。

相关问题