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

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，并没有拖拽替换的功能支持