ant design vue 图片拖拽

Ant Design Vue 提供了一个组件 <a-draggable>，它可以帮助你实现图片拖拽功能。你可以在该组件中添加图片元素并设置拖拽功能。代码示例如下：

<template>
  <a-draggable v-model="dragList" :options="{animation: 150}">
    <div v-for="item in dragList" :key="item.idx">
      <img :src="item.imgUrl">
    </div>
  </a-draggable>
</template>

<script>
import {ADraggable} from 'ant-design-vue';
export default {
  components: {
    ADraggable
  },
  data() {
    return {
      dragList: [
        {
          idx: 1,
          imgUrl: 'https://picsum.photos/id/237/200/200'
        },
        ...
      ]
    };
  }
};
</script>