V- v-select隐藏在v-dialog内的v-stepper
V- v-select隐藏在v-dialog内的v-stepper
提问于 2021-09-30 14:45:50
我试图将v-select菜单附加到v-select上，但同时也让它在对话框上打开，在下面的代码中，你可以看到Age下拉菜单隐藏在它的容器中，我不知道如何使它可见
我有这个层次结构，v-对话框，v-stepper，->，v- ->
<v-select
attach
:items="['0-17', '18-29', '30-54', '54+', '60', '77']"
label="Age*"
required
></v-select>https://codepen.io/amaieras/pen/VwWRzpL?editors=101
附注:我不想删除连接，客户端希望将其粘贴到v-select :)
回答 2
Stack Overflow用户
发布于 2021-09-30 15:09:56
vuetify中的Stepper组件默认为overflow: hidden样式。您可以在CSS中将此属性更改为visible：
.v-stepper,
.v-stepper__wrapper,
.v-stepper__items {
overflow: visible;
}你也可以访问这个codepen。
Stack Overflow用户
发布于 2021-09-30 15:28:49
因为Modal的大小是固定的。而且你的v-select几乎在模式的底部。如果您将该字段移动到顶部或中间，它将为您工作。
或者，您可以使模式高度比现在更大。
请添加此css。
.v-menu__content .theme--light .menuable__content__active {
position: initial !important;
}这对你来说是可行的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69394298
复制相关文章
相似问题
腾讯云开发者
