主要介绍了基于vue-draggable 实现三级拖动排序效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

vue-draggable 之前项目中需要用到拖动排序，就去网上找资料，本来最开始是想用jquery-ui里的拖动的，后面发现不符合我的预期也不知道能不能跟vue.js兼容，后面我试过了，单个的可以但是层级太多就不一样了。 废话少说直接上代码 先看数据结构，和页面的呈现，等会再来上代码。 这就是三层结构渲染出来的图。那个海锚一样的东西是可以点击的，点击后会出现当前类型所带的产品。等会会说的 我们现在来看下我实现后的拖动效果，如下 所有父类型里面的产品拖动如下 控制台的打印 好了，放了