0.4.3 • Published 5 years ago
@jbmasterlerna/cf-vue-draggable-test v0.4.3
cf-vue-draggable
Vue component allowing drag-and-drop sorting in sync with View-Model
Excemple
<!--base-->
<draggable :list='list' :element='"ul"'>
<li v-for='item in list'>
<span>{{ item }}</span>
</li>
</draggable>
<!--with transition-group-->
<draggable :list='list' :element='"ul"'>
<transition-group name='flip-list'>
<li v-for='item in list' :key='item'>
<span>{{item}}</span>
</li>
</transition-group>
</draggable>
Feature
version 0.2.0
- support transition-group component
version 0.1.0
- provide a vuejs component for draggable sort.
- support custom parent element, such as: ul, tbody
- emit event when start drag and stop drag
todo
- transition
- draggable-icon component. Become draggable when mouse hover
Test
need browser-sync
on shell npm run test
, will open a develop server on localhost:3000
please forgive my poor english