Vue项目使用v-drag实现拖拽功能
无意间发现一年半前使用的拖拽功能，感觉挺实用的，分享给大伙。首先需要创建一个自定义指令“drag”；然后直接按照下图代码将dom元素的鼠标点击、拖动、松开事件方法定义好（这里的el是指令所绑定的元素，可以用来直接操作 DOM）；最后在想要拖动的元素的根节点标签中加入“v-drag”即可，此时，自定义指令中的el就是类名为“contrast-con”的div元素。...
·
无意间发现一年半前使用的拖拽功能，感觉挺实用的，分享给大伙。
首先需要创建一个自定义指令“drag”；
然后直接按照下图代码将dom元素的鼠标点击、拖动、松开事件方法定义好（这里的el是指令所绑定的元素，可以用来直接操作 DOM）；
最后在想要拖动的元素的根节点标签中加入“v-drag”即可，此时，自定义指令中的el就是类名为“contrast-con”的div元素。
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
5
0- 0
已为社区贡献2条内容
所有评论(0)