v-expansion-panels with vue draggable

问题描述

我想在 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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

vuedraggable vuetify.js