vuedraggable拖拽框架

第一步：安装vuedraggable依赖

npm install vuedraggable --save-dev

第二步：引入组件

import draggable from 'vuedraggable';

第三步：注册组件

components: {
    draggable
},

第四步：使用组件

<draggable group="people"
    v-model="fileData"
    animation="500"
    chosen-class="chosen"
    @change="changeEvent"
    @start="drag=true"
    @end="drag=false">
    <transition-group>

    </transition-group>
</draggable>

第五步：定义drag变量

drag: false

第六步：定义chang方法

changeEvent (val) {
    console.log('值发生改变', val);
}