Vue Drag and Drop

1.设置 div 元素允许拖拽

draggable="true"

2.设置元素拖拽开始事件

@Dragstart="drag(item.data)"

3.在拖放区 drop 事件中获取数据

注意

必须给拖放区元素添加 draGOver.prevent,才能使 drop 事件正确执行

一个基于 qUIll 的拖拽 Demo:

https://github.com/gywgithub/vue-quill-drag-drop

未经允许不得转载:一点博客-青梅煮码-共享博客 » Vue Drag and Drop
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏