Vue3 和 vue-draggable-next 实现拖拽时的虚线蓝块效果？-灵析社区

![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/f93932ca8e0d8157db1f05c8d6ae9726.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/a9eb8e095ba587f4e2d6726653361255.png) 这种点击拖拽的时候，当前框有个虚线蓝块是怎么实现的？如果移入到右边的框，则右边的框显示虚线蓝块，总之，移入在哪个div中的时候都会显示一个虚线蓝块。目前使用了vue3和vue-draggable-next，使用了 start事件和move，并未实现

阅读量：129

点赞量：0

问AI

爱打瞌睡的三角龙

可以添加自定义样式，"在线demo" (https://codepen.io/wzc570738205/pen/rNbyaLJ) .ghost { border: dashed 1px rgb(19, 41, 239) !important; } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/01717d1484e3760d8675957c5e84cc05.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/a797534caeb448950d26c3f47618c5bc.png) "Sortable#options" (https://link.segmentfault.com/?enc=gQsXwW0IN8UjbmzItkedcQ%3D%3D.7u0IvXPxf8zQjevXfQiid7of35ipARWgcs72VpPFGv6wGMJdnOvFJPYnZl4Ak6nn)