vue.draggable数组为空时,拖不进去东西,踩的坑
Vue.Draggable
SortableJS/Vue.Draggable: Vue.Draggable 是 Sortable.js 的 Vue.js 封装组件,提供了拖放排序功能,可以在 Vue 应用中轻松实现列表元素的可拖拽重排。
项目地址:https://gitcode.com/gh_mirrors/vu/Vue.Draggable
免费下载资源
·
vue.draggable group 拖拽分组多组之间相互拖拽,官方文档有例子,也很好理解,但是有一个bug,就是当其中一个数组为空时,在想拖进去东西,就拖不进去了,
1.这个是官方的案例
http://www.itxst.com/vue-draggable/re7vfyfe.html
有A,B,C三个数组,当我把A或者B里面的东西,都拖空时,在想把别的快拖进去,就拖不进去了,看下图效果
现在我把B数组里面的东西都拖到A里面了,我现在在想把A的东西拖进B里面,就不行了,可以去官网试一下,http://debug.itxst.com/js/3uzn7nav
我在项目里面是怎么解决的呢,最后在控制台一层层看,
你要保证每一个div都要都高度,这样问题就解决啦
看项目效果~~~~~~~~
如果高度没问题,后台的数据格式可以是这样的,当一个数组里面没数据时,后台也要返回一个空数组,如果要是没空数组,一样拖不进去,格式如下。0和1是有数据的,2里面没数据,也要有空数组,
GitHub 加速计划 / vu / Vue.Draggable
19.97 K
2.89 K
下载
SortableJS/Vue.Draggable: Vue.Draggable 是 Sortable.js 的 Vue.js 封装组件,提供了拖放排序功能,可以在 Vue 应用中轻松实现列表元素的可拖拽重排。
最近提交(Master分支:3 个月前 )
431db153 - 2 年前
017ab498 - 3 年前
更多推荐
已为社区贡献4条内容
所有评论(0)