版本 “vuedraggable”: “^4.1.0”, vue3使用
import draggable from ‘vuedraggable’
components: {
draggable
},

 <draggable v-model="goodsMd4ImageArr"  item-key="index" @start="drag = true" @end="drag = false" :animation="100" class="list-group" ghost-class="ghost" :move="checkMove">
                            <template #item="{ element,index }">
                                <div class="imgLeft">
                                    <img :src="element.goods_image" alt="" style="width:150px;height:150px;" />
                                    <div class="dialogOpactiy">
                                        <div class="iconName zoomName" @click="zoomMd4Image(index)">
                                            <el-icon>
                                                <ZoomIn />
                                            </el-icon>
                                        </div>
                                        <div class="iconName" @click="delMd4Image(index)">
                                            <el-icon>
                                                <Delete />
                                            </el-icon>
                                        </div>
                                    </div>
                                </div>
                            </template>

                        </draggable>

 .list-group {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 100%;
      cursor: move;
   }