Vue项目使用v-drag实现拖拽功能

无意间发现一年半前使用的拖拽功能，感觉挺实用的，分享给大伙。

首先需要创建一个自定义指令“drag”；

然后直接按照下图代码将dom元素的鼠标点击、拖动、松开事件方法定义好（这里的el是指令所绑定的元素，可以用来直接操作 DOM）；

最后在想要拖动的元素的根节点标签中加入“v-drag”即可，此时，自定义指令中的el就是类名为“contrast-con”的div元素。