如何将Vue与H5的draggable拖拽替换功能改写为长尾关键词？

本文共计1137个文字，预计阅读时间需要5分钟。

前言：公司项目需要进行拖拽替换效果，我使用了Vue框架。在网上找到了很多资料，大部分都是使用Vue.Draggable（git地址）这个组件。但这个组件实现的拖拽后插入效果，我尝试了很久也没有成功替换效果。

前言

公司项目需要做拖拽替换效果，本人用的vue框架。在网上找了很多资料都是用的 Vue.Draggable(git地址)。但这个组件实现的拖拽后插入效果，我倒腾了很久也没有替换效果(如果Vue.Draggable能实现拖拽替换效果的话请大神给我留言)。

JQ有实现拖拽的插件，我下载过一个插件并看过源码，大致原理是给目标元素设置定位属性，通过监听鼠标mousedown，mouseup事件，再计算鼠标位置变化，然后给元素样式设置偏移值来实现拖拽效果的。

H5提供了专门的拖拽API 给元素添加 draggable 属性，设置为 true就能实现拖拽了。