是否可以将 quasar 组件与 vuedraggable 一起使用？

Question

我已经尝试完成这件事有一段时间了，但似乎无法让它发挥作用。我正在使用 Quasar CLI，如果有人可以向我展示如何执行此操作的示例，我将不胜感激。

<draggable v-model="myList" draggable=".item" tag="q-virtual-scroll">
</draggable>

我尝试通过在 tag 属性中传递组件来使用类星体组件，但这似乎不起作用。因此，任何建议将不胜感激。

Answer 1

我尝试了网站上的示例，它有效。

我正在使用:list="list", 但这v-model="list"只是声明数据的另一种方式。所以两者都有效。

<draggable
  :list="list"
  :disabled="!enabled"
  class="list-group"
  ghost-class="ghost"
  @start="dragging = true"
  @end="dragging = false"
>
  <div
    class="list-group-item"
    v-for="element in list"
    :key="element.name"
  >
    {{ element.name }}
  </div>
</draggable>

Draggable声明如下：

import draggable from 'vuedraggable'

我认为你应该给出完整的代码，这会有所帮助。