基于vue-draggable 实现三级拖动排序效果

之前项目中需要用到拖动排序，就去网上找资料，本来最开始是想用jquery-ui里的拖动的，后面发现不符合我的预期也不知道能不能跟vue.js兼容，后面我试过了，单个的可以但是层级太多就不一样了。先上html的代码，这里我的页面是jsp，但是不影响html兼容，项目中途接手，很古老的jsp我也没办法接下来是js。最重要的是这几行代码然后是使用vue把vuedraggable模块引入，上面图最下面的js是我刚刚发过的代码文件。注册成vue的组件，虽然它本身就是vue的一个组件了。当然最后我们会进行排序后的顺序的保存。这里就不得不说vue的双向绑定了，你对象只要在页面改变位置，在内存地址里的位置顺序也会被改变的，所有我们只需要再次将整个对象回传就行。反正目前来说，功能是实现了。