问题标签 [vue.draggable]

我使用 Vue、Vuetify 设计了一个站点，并在我的应用程序开发的后期实现了 Draggable，并按如下方式使用它：

这正是我想要拖动卡片的方式。每张卡上都有一个句柄，它们都按预期响应；但是，我想知道如何在不完全修改代码的情况下保存这些卡片的顺序，或者是否有可能。我对此的实现似乎与任何 Draggable 文档示例都不相符。关于如何保存 v-card 的顺序的任何想法，以便以后可以以相同的顺序重新加载它们？

谢谢

我正在尝试使用 Vue draggable 创建一个卡片生成器。我有一排满满的cardElements，这些可以拖到卡片生成器上。卡片生成器是一个由列表的各个“桶”组成的矩形。这是它的样子：

卡片生成器布局

这是script生成元素列表的方法：

您可以看到cardElements从脚本正确呈现，这就是它们在 HTML 中呈现的方式：

这些是可拖动的，我可以像这样更改它们的顺序：

更改的项目顺序

卡片上的每个“桶”都被声明为一个数组，如下所示（这仅适用于卡片构建器的左上角，每个方格都是不同的数字）：

但是当我将一个元素从cardElements列表拖到arrA列表中时，它并没有移动，我不知道为什么。我可以在此处提供的示例代码中使其工作，但当我将其更改为我自己的代码时则不行。

我有一个使用 Vue 2 的 Web 应用程序，并成功地将 Vue.Draggable 用于拖放功能与一些表格组件。现在，它被设置为分屏场景。

但是，是否可以跨浏览器窗口拖放项目？如果用户在同一个浏览器中打开两个单独的选项卡，我怎样才能让他们从一个窗口拖动到另一个窗口？

谢谢。