說明

目前重點放在別的東西上，所以這個插件不再更新，只能用于pc端，移動端自己可以fork進行優(yōu)化。

Install

yarn add vue-dragging

How to use

普通html

<script src="./vue.js"></script>
<script src="./vue-drag.min.js"></script>

是vue-drag.js不是vue-dragging.js

如果你的項目使用vue-cli搭建的 那么請這樣使用:

import Vue from 'vue'
import vueDrag from 'vue-dragging'
Vue.use(vueDrag)

在html當(dāng)中添加標(biāo)簽，然后添加一個'v-drag'，假設(shè)為：

<div class="demo">
  <div class="drag" v-drag></div>
</div>

這樣綁定的dom就可以拖拽

1.1.0

加入了一個可拖拽區(qū)域和不可拖區(qū)域的方法，示例如下:

        <div class="demo2" v-drag="'#dragable'">
            <div id="dragable"><span>這里可以拖動</span></div>
            <div class="content"><span>這里不可以</span></div>
        </div>

value傳的是一個選擇器，會讓當(dāng)前dom下第一個找到的seletor允許拖拽

如果你想讓鼠標(biāo)指針變成move，那么這樣：

        <div class="demo2" v-drag.cursor="'#dragable'">
            <div id="dragable"><span>這里可以拖動</span></div>
            <div class="content"><span>這里不可以</span></div>
        </div>

當(dāng)然你也可以自己寫樣式去替換