Vue-Draggable-Plus中拖拽替换功能如何实现，或者是否有替代方案？

Z时代
2024-02-25
分类：IT

vue-draggable-plus 有没有拖拽替换的功能
举例：
我有一个初始化长度为10的数组
const arr1 = new Array(10).fill({})
然后有一个长度不限的数组可以用于拖拽至数组arr1中
const arr2 = [{x: 1}, {x: 2}, {x: 3}, {x: 4}, {x: 5}, {x: 6}, {x: 7}, {x: 8}, {x: 9}, {x: 10}, {x: 11}, {x: 12}]
比如我拖拽了{x: 1}到arr1的第一个位置，我希望的是
1：不改变arr1的长度
2：直接将{x: 1}的数据放到你拖拽到的arr1的第一个位置
也就是拖拽结束后，arr1的值为[{x: 1}, {}, {}, {}, {}, {}, {}, {}, {}, {}]
通俗点讲，也就是拖拽到对应的位置并且把对应index上的数据也给更新掉

请问大家有什么处理办法或者有什么其他方案可以实现吗

我已经有想法了，但是目前尝试了vue-draggable-plus，并没有拖拽替换的功能支持