安利：vue 好用的拖拽排序元件

在一個 vue 專案中，有一個需求是，對一堆標籤拖拽排序，然後找到了 Vue.Draggable 這個這麼好用的一個元件，安利一波！！

這個元件是基於Sortable.js開發的 Vue 元件

偷懶，把官方的demo動態圖 拖過來看看(光看demo動態圖就覺得非常好用了)

最最基礎的使用

  import draggable from 'vuedraggable'
  ...
  export default {
        components: {
            draggable,
        },
  ...
複製程式碼

<draggable v-model="myArray">
    <div v-for="element in myArray" :key="element.id">
        {{element.name}}
    </div>
</draggable>
複製程式碼

最基礎的使用就是這樣了，非常簡單 好用，奈斯

然後去看文件吧，沒有什麼比文件說的更清楚！！