vue2vuedraggable使用

Vue2中使用vuedraggable可以实现选中、拖拽、排序效果。具体使用方法如下：

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

<script>
import draggable from 'vuedraggable'

export default {
  components: {
    draggable
  },
  data() {
    return {
      list: [
        { id: 1, name: 'item1' },
        { id: 2, name: 'item2' },
        { id: 3, name: 'item3' }
      ]
    }
  }
}
</script>

在上述代码中，我们首先需要安装vuedraggable插件，然后在组件中引入并注册draggable组件。接着在模板中使用draggable组件，并将需要排序的列表绑定到v-model上，然后使用v-for指令渲染列表项。