炫意html5
最早CSS3和HTML5移动技术网站之一

Vue draggable 拖拽到隐藏list中的问题

image
我需要将这一个测试item从测试1tab中的list中拖拽到测试2tab中的list,并且如果测试2tab中有item,还需要正常的拖拽排序功能,如何做?

我现在的思路是拖拽到tab上的时候将测试item从测试1下的list中删除,然后切换tab,并且在测试2下的list新增一个测试item,然后进行排序。但是我这样做完之后各种bug,不是很顺利,比如下面这样的情况,会在每一个tab中都新增一个 测试item,但其实数据data中是没有的,我尝试使用layui的render()进行table刷新,但是却没有任何效果。
image

之前还有一个思路是使用draggable的two-list(两个list之间拖拽),将其中一个list隐藏,另一个显示为当前list,拖拽到测试2tab上时将隐藏的list显示,然后拖拽到新的list中。但是这样的话我感觉很复杂,主要是我之前在一个list上写了很多功能了,包括新增、复制、拖拽排序、删除等等,并且上面的tab也是需要拖拽排序的,而且我现在需要一切都在前端操纵数据,就是进行这些操纵之后不是及时进行数据提交,而且在做完所有操作之后一起提交数据。所以之前的数据操作已经很复杂了,我现在不是很想使用two-list拖拽,感觉这样会使我的数据操作更加复杂、更加容易出错。
image

希望各位大佬能给你一个新的思路。谢谢!

回答

楼主有解决方案吗?

 

 

炫意HTML5 » Vue draggable 拖拽到隐藏list中的问题

Java基础教程Android基础教程