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)