1、拖动元素代码：

使用html5原生拖拽属性，在需要拖拽的图片中添加draggable="true"属性，并使用v-on添加拖动事件

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

vue 对图片进行拖拽到另一个位置 随笔 第1张

 

2、被放置的区域事件代码：

使用html5原生拖拽属性，在需要放置的区域使用v-on添加放置事件

vue 对图片进行拖拽到另一个位置 随笔 第2张

3、methods代码：

vue 对图片进行拖拽到另一个位置 随笔 第3张

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄