如何使用vuedraggable处理数组的数组

npm install vuedraggable

yarn add vuedraggable

import draggable from 'vuedraggable'

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

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

<script>
export default {
  data() {
    return {
      arrayData: ['Item 1', 'Item 2', 'Item 3']
    }
  },
  methods: {
    handleArrayChange() {
      // 处理数组数据变化的逻辑
    }
  }
}
</script>