vue.js - 是否可以使用 vue 可拖动的 quasar 组件？

Question

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

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

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

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'

我认为您应该提供完整的代码，这会有所帮助。