vue draggable next

vue.draggable.next是一个基于Sortable.js的Vue 3兼容的拖放组件。它可以帮助你在Vue 3项目中实现拖放功能。下面是一个使用vue.draggable.next的简单示例：

首先，你需要安装vue.draggable.next包：

npm install vue-draggable-next

然后，在你的Vue组件中引入vue.draggable.next：

import { defineComponent } from 'vue';
import { draggable } from 'vue-draggable-next';

export default defineComponent({
  components: {
    draggable,
  },
  data() {
    return {
      items: ['Item 1', 'Item 2', 'Item 3'],
    };
  },
});

接下来，在模板中使用draggable组件来实现拖放功能：

<template>
  <draggable v-model="items">
    <div v-for="(item, index) in items" :key="index">
      {{ item }}
    </div>
  </draggable>
</template>

在上面的示例中，我们使用v-model指令将items数组与draggable组件绑定，这样就可以实现拖放功能了。你可以根据自己的需求对draggable组件进行配置，例如设置拖放的方向、限制拖放的范围等。

希望以上信息对你有帮助！如果你还有其他问题，请随时提问。