Vue.Draggable采坑记---put、多级/树嵌套

2020-05-16 本文已影响0人车文烨

Vue.Draggable版本--- 2.23.2

1、put属性失效，由于启用options参数配置，用旧版本options配置导致put失效；
解决：改用新版配置，写在group里面，:group="{ name:'cat', put:true }"

2、使用新版配置时又遇到个坑，就是在多级嵌套时乱套了：
父级子级的name不一样，但是拖动父级时会跑到子级里面：

嵌套错乱.png

而且拖动子级时还会跑到父级并列排序；

解决：
利用disabled属性，拖动子级时设置父级不可用，拖动父级时设置子级不可用！