vue 拖拽排序插件 vuedraggable

1.安装方法

yarn add vuedraggable
npm i -S vuedraggable

2.中文文档地址 ：http://www.itxst.com/vue-draggable/tutorial.html

3.使用方法：　

      引入：import draggable from 'vuedraggable'

<draggable animation='100' handle=".optionDrag" :sort="true" @start="onStart" @end="onEnd">
　　<ul>
　　　　<li>
　　　　　　<p>xxxx</p>
　　　　　　<i class='optionDrag'>拖拽的按钮</i>
       </li>
</draggable>

:sort='true' :是否自动进行排序

animation='100'：动画时长

methods:{
　　
    //开始拖拽事件
   onStart () {
       this.drag = true
   },
    //拖拽结束事件
   onEnd () {
       this.drag = false
   },
}