VueDraggable 长按抖动效果实现教程

可以使用 CSS 的 animation 属性实现长按抖动效果。具体步骤如下：

在 CSS 中定义一个动画，例如：

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

这个动画会将元素在 X 轴方向上来回抖动。

在需要实现长按抖动效果的元素上，添加以下 CSS 样式：

.element {
  cursor: pointer;
}
.element:active {
  animation: shake 0.5s;
}

这样，当用户长按该元素时，元素会开始抖动。

注意：如果使用的是 vuedraggable 插件，需要在 vuedraggable 的 item 元素上添加上述 CSS 样式。