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

1,321 阅读1分钟

Vue.Draggable版本--- 2.23.2

1、put属性失效,由于启用options参数配置,用旧版本options配置导致put失效;

解决:改用新版配置,写在group里面,:group="{ name:'cat', put:true }"

2、使用新版配置时又遇到个坑,就是在多级嵌套时乱套了:

父级子级的name不一样,但是拖动父级时会跑到子级里面:

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

解决: 利用disabled属性,拖动子级时设置父级不可用,拖动父级时设置子级不可用!

引用个旧配置的参数文档:juejin.cn/post/684490…