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 [email protected]:xingxinglail/v-dragging.git
$ cd v-dragging
$ yarn install
$ yarn run docs:dev