Comments (5)
Let me make it clear that your A component uses sortable and B component uses draggable-plus. Do you need to drag the elements in B component to A component?
from vue-draggable-plus.
Yes, A is using Sortable and B is using draggable-plus.
A represents a folder tree, while B represents a file list.
I am implementing a feature to drag file items from B and drop them into the folder tree of A to move the files.
from vue-draggable-plus.
In fact, if you are using "draggable-plus," you need to add an element to the two-way bound list when dragging to the target list. It's possible that the element was not added to the list when the drag ended because it wasn't retrieved at that point. This could result in a failed drag operation because when dragging, a bound data is added to the drag target element. However, for security reasons, I've set this bound key as a Symbol
type, so it cannot be set from the outside. Would you consider using both components "draggable-plus" and "draggable" to solve this issue?
Related code:
vue-draggable-plus/src/useDraggable.ts
Line 43 in bcc29b3
vue-draggable-plus/src/useDraggable.ts
Lines 118 to 135 in bcc29b3
from vue-draggable-plus.
Wow, your response is incredibly quick. Thank you so much.
I'll give it a try immediately.
from vue-draggable-plus.
I've replaced Sortable with Draggable-plus and it resolved the issue.
I'm truly grateful for the excellent library and your rapid support.
from vue-draggable-plus.
Related Issues (20)
- 如何获取拖拽组件的数据 HOT 6
- How could I get the new one and the old one with onMove event? HOT 2
- 无法导出props参数类型和各个事件的事件对象类型
- 拖拽改变顺序,UI 变了, 但是数据的顺序没变化? HOT 1
- How can I cancel drag ? HOT 1
- Why when you put a <draggable> in a v-for it breaks the animation and the group inside a v-for doesn't work? HOT 1
- 无法导入js HOT 1
- ghostClass and dragClass not applied when v-model not used
- default draggable="true" given `handle`. change to "false" only after drag the given `handle` HOT 1
- 列表中包含可拖动和不可拖动的项,如何做才可以让可拖动的元素无法拖到不可拖动元素上 HOT 6
- Can't drag into SortableJs Instance outside Vue
- `cursor: grabbing` when dragging doesn't apply in Chrome HOT 1
- Suggestion: Log Dragging Direction HOT 5
- v-draggable don't work with option components
- CDN version HOT 2
- 如何与elementui的tab结合,使得tabpane可以拖动排序 HOT 6
- Is there any way to Lock element on the same place? (disable sort)
- suggestion: add a class for aviod dragging HOT 1
- with onUpdate, onAdd can we get index or item as argument to event
- firefox 拖动会打开新标签页面 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-draggable-plus.