vuedraggable组之间拖拽交换位置遇到的问题

vuedraggable两组之间进行拖拽,是插入式而非交换式。现在实现了简单的互换效果,思路是:组1向组2拖拽,必定是组1少一个元素,组2加一个元素;组2向组1拖拽,必定是组2少一个元素,组1加一个元素。因此利用各自的change事件判断,拿到添加/删除的元素,手动操作绑定的两个数组。方法如下:
image.png
遇到的问题是:虽然最终结果确实两组的元素互换了,但拖拽过程中仍有“插入”的影像。例如,组1(包括a,b,c),组2(d,e,f)。将a拖到d处,松开鼠标确实a与d互换,但不松鼠标的话,会看到组1包含b,c组2包含a,d,e,f四个元素。如何优化?是否这种思路就是偏的?是从事件方面优化还是动画方面?

回答:

发现如果插入到最后一个会报错

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注