File tree Expand file tree Collapse file tree 1 file changed +13
-0
lines changed Expand file tree Collapse file tree 1 file changed +13
-0
lines changed Original file line number Diff line number Diff line change @@ -23,17 +23,30 @@ Based on and offering all features of [Sortable.js](https://github.com/RubaXa/So
2323* Full support of [ Sortable.js] ( https://github.com/RubaXa/Sortable ) features
2424* Keeps in sync view model and view
2525* No jquery dependency
26+ * Plays nicely with Vue.js 2.0 transition-group
2627
2728##For Vue.js 2.0
2829
2930Use draggable component:
3031
32+ Tipical use:
3133``` html
3234<draggable :list =" list" :options =" {group:'people'}" @start =" dragging=true" @end =" dragging=false" >
3335 <div v-for =" element in list" >{{element.name}}</div >
3436</draggable >
3537```
3638
39+ With ` transition-group ` :
40+ ``` html
41+ <draggable :list =" list" >
42+ <transition-group >
43+ <div v-for =" element in list" :key =" element.id" >
44+ {{element.name}}
45+ </div >
46+ </transition-group >
47+ </draggable >
48+ ```
49+
3750### Props
3851#### list
3952Type: ` Array ` <br >
You can’t perform that action at this time.
0 commit comments