安利:vue 好用的拖拽排序组件

12,286 阅读1分钟

在一个 vue 项目中,有一个需求是,对一堆标签拖拽排序,然后找到了 Vue.Draggable 这个这么好用的一个组件,安利一波!!

这个组件是基于Sortable.js开发的 Vue 组件
偷懒,把官方的demo动态图 拖过来看看(光看demo动态图就觉得非常好用了)

Vue.Draggable 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>

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

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