vue3中拖拽效果

推拽官网:https://github.com/a7650/vue3-draggable-resizable/blob/release/docs/document_zh.md

下载：$ npm install vue3-draggable-resizable

官网中的连接配置复制到main.js中全局注册

在页面中直接使用就行在这里要,注意 你的v-for只能在你的推拽标签里面使用

我这里的x 和y是随机生成的坐标参考以下内容 在这里我是添加的时候添加了x 和 y

在这里你的位置会随机生成 你要是想在一个部分随机生成看一下内容

把你的推拽标签使用<div>包裹起来设置其中的css样式 在这里div标签使用的aaa类名

以下是效果简单的效果