如何在vue中使用HTML 5 拖放API

将其添加到 public/index.html 的 head 重。卡片是要执行的单个项目或任务，列用来显示特定卡片的状态。创建 AddCard 组件顾名思义，这个组件将负责创建新卡片并将其添加到列中。再默认情况下，唯一可拖动的 HTML 元素是图像和链接。在元素上将 draggable 属性设置为 true 之后，你会注意到 draggable 属性已添加到该元素。拖动元素的目的是将数据从页面的一个部分传输到另一部分。对于图像，要传输的数据是图像 URL 或它的 base 64 表示形式。要启用元素拖放功能需要侦听 dragover 事件并阻止默认的浏览器操作。另一方面，列组件在渲染时会将所需的 props 传递给卡片组件。Card 组件仅从 Column 接收它需要的所有数据并显示出来。用户应该能够按照卡片中的活动进度将卡片从一列拖到另一列。