Comments (11)
@dann95 , version 2.7.0rc has been published and conatins the change event
from vue.draggable.
Hello @dann95 , for all events send by vue.draggable you should always reffer to Sortable documentation as vue.draggable dispatch the same events.
On the end event, properties from and to relates to the container element, which in your case is the same because you only have one draggable component.
You should watch the update event instead: it has newIndex and oldIndex properties that should provide you the necessary informartion for your custom event.
from vue.draggable.
Hi @David-Desmaisons did u understan that @EnD event is refering the To and From property as the the origin , it isnt only only one draggable, are 13.
from vue.draggable.
when i use the move prop, i recive different from and to property on the Event object, but when using @EnD it shows the Origin draggable area as From and To, thats the issue.
from vue.draggable.
I solved my problem saving destination and origin (to, from) in model of the component, and broadcasting the event with the @EnD..
from vue.draggable.
but see the screenshots and read description, my english is bad but i think i can explain it better..
from vue.draggable.
@dann95 , I got you now!
First I am glad you found a work-around.
As I was mentioning, vue,draggable is just forwarding the event sent by Sortable, so any issue should be treated with that project.
Regarding vue.draggable, I was thinking that a change
event that includes item moved as well as positions and target and source list and component might be helpful.
What do you think?
from vue.draggable.
yeah, perfect! and about be a fowarding of Sortable, sorry i didnt got it i thinked that was a bug on Vue plugin, well if i can help in something just tell me ❤️
from vue.draggable.
@David-Desmaisons thanks for the mention, i will check that, im having another issue about nth-child and stacked items =/ , but thanks!
from vue.draggable.
@David-Desmaisons can you help me with a problems? when im dragging it is moving the UL and not the LI element because of nth-child, have u any idea? =/
from vue.draggable.
@David-Desmaisons i got it, :options="{element:} , sorry for stupid asks, haha im a phpdeveloper and im trying to make a game with vuedraggable xD
from vue.draggable.
Related Issues (20)
- Has anyone found a solution for Max depth nesting with vue-draggable? If there is any parameter for setting the maximum depth in the nested solution?
- 判断被拖拽元素是否在目标区域内并阻止拖拽
- TypeError: Cannot read properties of undefined (reading 'class')
- Draggable preventing scroll behavior HOT 1
- [feature request] typing for `change` event
- Has this project stopped updating and maintaining
- New draggable under maintenance HOT 1
- Incorrect display of the sheet after dragend HOT 2
- npm i -S vuedraggable 直接报错
- VueDraggable only @choose @unchoose events only getting triggered in vue2.7.15 version
- Please set the `latest` npm tag to v4
- Not working with Socket.io
- How to disable draggable in vue draggable HOT 1
- How to import nested-draggable component ? Vue2
- Triggering drag and drop programmatically
- Missing required prop: "itemKey"
- how to lock vuedraggable for specific array nested level
- Nested Draggable Input with v-model automatically blurs
- Incorrect Visual Representation After Transferring All Items Between Groups
- Address :force-fallback="true" Issue in Cross-List Drag and Drop Cloning with vue-draggable
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.