vuedraggable拖拽卡顿

引用\[1\]和\[2\]提供了两种不同的解决办法来解决vuedraggable拖拽卡顿的问题。其中，引用\[1\]使用了原生的document监听鼠标的坐标来实现拖动，这种方法可以使拖动非常流畅。在代码中，通过在mousedown事件中设置isDragable为true，记录当前鼠标的坐标和拖动元素的位置，然后在mousemove事件中计算鼠标的移动距离，并根据移动距离更新拖动元素的位置。最后，在mouseup事件中将isDragable设置为false，结束拖动操作。这种方法可以避免使用Vue的响应式机制，从而提高拖动的性能。

另一方面，引用\[2\]中提到了使用Vue的写法可能会导致拖拽卡顿。在代码中，通过在mousedown、mousemove和mouseup事件中调用相应的方法来实现拖动。然而，由于Vue的响应式机制会在每次数据变化时重新渲染组件，这可能会导致拖动时的卡顿。因此，如果遇到拖拽卡顿的问题，可以考虑使用原生的document监听鼠标事件来实现拖动，以提高性能。

综上所述，如果你遇到vuedraggable拖拽卡顿的问题，可以尝试使用原生的document监听鼠标事件来实现拖动，以提高性能。
#### 引用[.reference_title]
- *1* *2* *3* [vue中鼠标拖动div，（多个div）跟随卡顿问题](https://blog.csdn.net/weixin_45670926/article/details/120140617)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v4^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]