vuetify.js - 带有 vue 可拖动的 v-expansion-panels

Question

我想在 vuetify v-expansion-panels 组件上使用 vue draggable。当我尝试此代码时，标题是单独的，我无法打开面板。

<v-col cols="8">
  <draggable tag="v-expansion-panels" v-model="layerCollection">
    <v-expansion-panel v-for="layer in layerCollection" :key="layer.persistent_id">
      <v-expansion-panel-header>{{ layer.name }}</v-expansion-panel-header>  
      <Welfsel v-if="layer.type == 'Welfsels'" :persistent_id="layer.persistent_id" />
      <Beton v-if="layer.type == 'Beton'" :persistent_id="layer.persistent_id" />
    </v-expansion-panel>
  </draggable>
</v-col>

当我尝试这个时，一切正常，除非所有面板都折叠起来，组件宽度变小。当我不使用可拖动时，这不会发生。如何解决宽度问题？

<v-col cols="8">
<v-expansion-panels focusable>
  <draggable tag="v-expansion-panels" v-model="layerCollection">
    <v-expansion-panel v-for="layer in layerCollection" :key="layer.persistent_id">
      <v-expansion-panel-header>{{ layer.name }}</v-expansion-panel-header>  
      <Welfsel v-if="layer.type == 'Welfsels'" :persistent_id="layer.persistent_id" />
      <Beton v-if="layer.type == 'Beton'" :persistent_id="layer.persistent_id" />
    </v-expansion-panel>
  </draggable>
</v-expansion-panels>
</v-col>

标签： vuetify.jsvuedraggable