vue-grid-layout案例10中，从外部做拽的组件，有空位却不能拖拽过去的情况

vue-grid-layout官网案例10是拖拽后弹出坐标信息，我把它放在容器内去了，改变第一个被拖拽进去的item大小，第二个item的位置大小计算会问题，始终拖拽不了到最右边去，并且第一个item在基础大小上变宽的宽度就是第二个item到右边边距的距离

官方案例拖拽.gif

参考官网有人也提出过这个问题（https://github.com/jbaysolutions/vue-grid-layout/issues/774），但是他是修改源码，我修改源码后打包到私有库也用不了，链接本地修改的源码也用不了，启动的时候一直报资源被占用，试了好几种方式都不行。
后来，灵机一动，源码就是计算item坐标的calcXY的方法计算错误，那我就把这个方法写出来，不调用组件库里的方法就行了
image.png

image.png

修改后的拖拽.gif

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容