在Vue.js中实现列表的拖动功能,使用第三方库如vuedraggable（基于Sortable.js）

1. 安装vuedraggable

   npm install vuedraggable

2. html

   <template> <draggable v-model="list" @end="onEnd">
   {{item.name}}
   </draggable> </template> <script> import draggable from 'vuedraggable';

    components: {
        draggable
    }
   
   
   
    onDragEnd(event){
        if(event.vewDraggableIndex != event.oldDraggableIndex) {
            ...
        }
    }

   </script>