vue element 组件添加拖动效果

使用vuedraggable插件

1. 安装npm install vuedraggable -S(可能需要安装Sortable)
2. 页面引用import draggable from 'vuedraggable'
3. 页面注册组件components: { draggable }，通过draggable标签使用
4. 调用update方法，该方法事件返回新索引和旧索引，数据同样是响应式的

methods方法

datadragRecite(evt) {
    console.log('拖动前的索引 :' + evt.oldIndex)
    console.log('拖动后的索引 :' + evt.newIndex);
}