v-dragging

一个 vue 拖放排序组件。

效果图

WxP UI 小程序插件 Drag 组件的 Vue 版本。

在线例子

# ✨ 特性

没有依赖关系
可以拖拽排序
支持 PC、移动端
可定义句柄控制是否可以被拖拽

# 🖥 支持环境

现代浏览器和 IE9 及以上。
支持服务端渲染。

# 📦 安装

npm install v-dragging

yarn add v-dragging

# 🔨 示例

import 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

演示 →