安利：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>
复制代码

最基础的使用就是这样了，非常简单 好用，奈斯

然后去看文档吧，没有什么比文档说的更清楚！！

转载于:https://juejin.im/post/5b597162e51d4518f5441908