我正在构建一个带有多个图表的仪表板。对于图表库,我使用vue-chart-3包装器登陆VueChartJS,对于拖放库,我使用的是vue-draggable-next。
我遇到的问题是,如果图表的响应选项为真并且您拖动它们,它们的高度和宽度设置为 0。我添加了一个切换来证明这是响应功能的问题,但是有什么否则我可以做些什么来解决这个问题?
现在我想知道我是否需要做一些不可见的切换,每次单击图表时都会激活它以拖动它,然后在完成拖动时关闭,但这似乎有很多潜在的代码和时间来暗示这一点功能并想知道是否有更好的方法来做到这一点?
任何建议或帮助将不胜感激!
我制作了一个CodeSandbox来显示这个问题,下面还有一个 gif 来显示正在发生的事情。