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

【问题标题】：Is it possible to use a quasar component with vue draggable?是否可以使用 vue 可拖动的 quasar 组件？
【发布时间】：2020-02-29 20:27:25
【问题描述】：

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

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

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

【问题讨论】：

你有解决办法吗？

标签： vue.js quasar-framework vuedraggable

【解决方案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>

可拖动声明如下：

import draggable from 'vuedraggable'

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

【讨论】：

我不知道为什么这没有得到任何支持。此解决方案适用于类星体。