Vuetify 删除 v-expansion-panels 上的高度

v-expansion-panels 是 Vuetify 中的一个组件，用于展开和收起内容。默认情况下，v-expansion-panels 是有固定高度的。如果需要删除这个高度限制，可以按照以下步骤操作。

方法一：使用 CSS

通过修改 v-expansion-panel-content 的高度来删除展开面板时的高度限制。

.v-expansion-panel__container {
  height: auto !important;
}
.v-expansion-panel--active .v-expansion-panel-content {
  height: auto !important;
}

方法二：使用 props

通过设置 v-expansion-panel 和 v-expansion-panel-content 的 props 可以删除高度限制。

<v-expansion-panels>
  <v-expansion-panel>
    <v-expansion-panel-header>Title 1</v-expansion-panel-header>
    <v-expansion-panel-content :height="null">
      Content 1
    </v-expansion-panel-content>
  </v-expansion-panel>
</v-expansion-panels>

在上面的代码中，通过将 :height 属性设置为 null，就可以删除高度限制了。

以上是两种删除 v-expansion-panels 上的高度的方法。根据实际情况，可以选择适合自己的方法来解决问题。