浅谈使用element ui + vuedraggable + sortablejs实现多种版式布局及托拽（2）

接下来是实现托拽排序，使用方法

在项目根目录打开cmd命令

安装vuedraggable 、sortablejs；

命令

npm install  vuedraggable

npm insall sortablejs

在需要使用的界面引入

import draggable from 'vuedraggable'
import Sortable  from 'sortablejs'

注册组件

components:{
draggable,
Sortable
},

vue文件里



实现效果





注意事项：vue组件盒子



存储到后台数据需要使用事件

start, move, end 托拽三个过程。

参考资料地址：https://github.com/SortableJS/Vue.Draggable