2 个组件之间的 vue 可拖动项目

Question

我有一个显示列表的组件。我还有另一个组件，它也显示一个列表。它们一起坐在另一个组件上，例如：

<template>
<div>
  <my-component-1 :items="listItems1"/>
  <my-component-2 :items="listItems2"/>
</div>
</template>

是否可以使用诸如 vue-draggable 之类的库将项目从一个组件拖到另一个组件？

谢谢

Answer 1

是的。vuedraggable 支持许多可排序事件，例如移动、更新......

您可以通过此事件获取新索引和旧索引，并使用 data() 中的索引更改项目。