vue实现拖拽如此简单

vue实现拖拽如此简单

不说废话,直接上代码

是不是就实现了vue-draggable这个库的效果了;其核心就是vue中自带的<transition-group>过渡组件,加上dragover事件,最后处理队列数据项的位置就搞定。

你可能觉得上面这种太简单,使用场景偏窄,那再看看下面的这个

是不是就是常见的夸容器拖拽了,核心还是在绑定的节点dragover事件中去处理,当有多个容器时,在对应的dragover事件中做相应的判断处理即可,简单到不得了!!!

原文链接:https://juejin.cn/post/7354039500811845670 作者:黄景圣

(0)
上一篇 2024年4月6日 下午4:05
下一篇 2024年4月6日 下午4:16

相关推荐

发表回复

登录后才能评论