不说废话,直接上代码
是不是就实现了vue-draggable
这个库的效果了;其核心就是vue
中自带的<transition-group>
过渡组件,加上dragover
事件,最后处理队列数据项的位置就搞定。
你可能觉得上面这种太简单,使用场景偏窄,那再看看下面的这个
是不是就是常见的夸容器拖拽了,核心还是在绑定的节点dragover
事件中去处理,当有多个容器时,在对应的dragover
事件中做相应的判断处理即可,简单到不得了!!!
原文链接:https://juejin.cn/post/7354039500811845670 作者:黄景圣