一个 vue 拖放排序组件。
WxP UI 小程序插件 Drag 组件的 Vue 版本。
- 没有依赖关系
- 可以拖拽排序
- 支持 PC、移动端
- 可定义句柄控制是否可以被拖拽
- 现代浏览器和 IE9 及以上。
- 支持服务端渲染。
npm install v-draggingyarn add v-draggingimport Drag from 'v-dragging';
Vue.component('Drag', Drag)<drag
handle="draggable"
:value="list"
:columns="columns"
@choose="choose"
@un-choose="unChoose"
@start="start"
@end="end"
@update="update">
<div class="item"
v-for="item in list"
:class="item.disabled ? 'disabled' : 'draggable'"
:key="item.name">
<div class="inner">
<img :src="item.img" width="100%">
</div>
</div>
</drag>$ git clone git@github.com:xingxinglail/v-dragging.git
$ cd v-dragging
$ yarn install
$ yarn run docs:dev