通过列表数据渲染多个可拖动box，给每一个增加一个删除按钮，点击删除出现错误 about vue-draggable-resizable-gorkys

[murph-1999]

我的需求和您的配图差不多，拖拽到容器中生成模块，容器样式也和您的一致，格子之间有间隔，也出现了这个问题。

这可能与你设置的 key 值有关。当使用 splice 后删除某个数据后，如果 key 设置了数组下标 index 或者未设置，导致重新渲染（diff算法），将触发 vdr 组件内部 x, y, w, h 这四个属性的侦听，对应着源码中的 moveHorizontally()，moveVertically()，changeWidth()，changeHeight() 这四个函数的触发；这四个函数都会调用 snapToGrid，仔细看看 snapToGrid 中四舍五入的实现就明白了。
同时可能存在width 和 height 也会被更新的情况，因此只更改top，left 是不够的，this.right 和 this.bottom 同样被改变，这会影响到 width 和 height 的计算。

解决：
方法1. 将 key 值设置为唯一标识（推荐)
方法2. 当触发这四个属性的变更时，对 this.left, this.top, this.width, this.height 直接不作修改（不建议对源码进行改动）