Vuetify扩展面板设置未扩展面板高度

时间:2020-07-01 18:38:35

标签: vue.js vuetify.js

当我将height样式应用于Vuetify v-expansion-panels组件时,各个未展开的面板会增大其高度,以占据整个组件的高度。

我希望面板在未展开时仍能保持默认高度,即使它们没有填满整个组件的高度。

Pen演示了此问题。 https://codepen.io/bradlymathews/pen/ExPbGeN。如果展开第一个面板,则内容会很长,并且我会根据需要添加滚动条而发生溢出。您将看到面板尺寸恢复为其默认高度。

我尝试使用反应式:class来设置未选择面板时的高度,并且面板尺寸确实恢复到正常高度,但是它们仍沿组件高度均匀分布,因此没有帮助。

0 个答案:

没有答案