vue.js - 如何在 v-combobox 的 v-menu__content 上设置类

Question

我想制作 3 列下拉组合框
所以我想补充

{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(33%, auto));
}

到 v-combobox 制作的 v-menu__content
如何设置 v-combobox 的 v-menu__content 类？
codepen

Answer 1

在菜单 Prop 中使用 contentClass:

:menu-props="{ contentClass: 'three-dropdown' }"

并添加样式:

.three-dropdown .v-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(33%, auto));
    }