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

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

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

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

希望大家能给你一个新的思路。谢谢