Drag 拖拽排序组件

基础用法

点击查看示例代码

vue

<template>
  <h-drag-v1 v-model="h_drag"></h-drag-v1>
</template>

<script setup>
const h_drag = [
  { id: 1, name: "Item 1", order: 1 },
  { id: 2, name: "Item 2", order: 2 },
  { id: 3, name: "Item 3", order: 3 },
]
</script>

<template>
  <h-drag-v1 v-model="h_drag"></h-drag-v1>
</template>

<script setup>
const h_drag = [
  { id: 1, name: "Item 1", order: 1 },
  { id: 2, name: "Item 2", order: 2 },
  { id: 3, name: "Item 3", order: 3 },
]
</script>