vuedraggable 拖动时有阴影

你可以通过使用 `draggable` 组件的 `ghost-class` 属性来为拖动时的元素添加阴影效果。`ghost-class` 属性允许你为拖动时的元素添加自定义的 CSS 类。你可以在该类中定义阴影样式。

首先，在你的 Vue 组件中引入 `vuedraggable` 组件，并在模板中使用它：

<template>
  <draggable v-model="list" ghost-class="dragging-item">
    <!-- 拖动项的模板 -->
    <div v-for="item in list" :key="item.id" class="item">
      {{ item.name }}
    </div>
  </draggable>
</template>

然后，在你的样式表中定义 `dragging-item` 类的样式，例如添加阴影效果：

.dragging-item {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

这样，当你拖动列表项时，被拖动的元素将会具有阴影效果。你可以根据需要调整阴影样式。