@branu-jp/v-drag

v-drag - 一个简单的,Vue.js可拖动组件.

发音: https://branu-ws.github.io/v-drag/ (英语)

安装

无 :

npm install @branu-jp/v-drag

线条 :

yarn add @branu-jp/v-drag --save

使用

节点.js env(此类 .vue 组件 :

<template>
  <div>
    <div style="position: absolute;" v-drag>
    </div>
  </div>
</template>

<script>
import drag from '@branu-jp/v-drag'

export default {
  directives: {
    drag
  }
}
</script>

浏览器env: 马上就来了。 。 。 .

页:1

元素带有 v-drag 一定是因为 position: absolute; 被拖动.

选项

你可能只想成为元素的一部分 draggable。您可以通过传递指向 id 作为参数 v-drag。 。 。 .

<div id="header">
  <div v-drag:header>
    <div>
      Some text
    </div>
  </div>
</div>

这将导致任何领域不是 <div id="header"> 不可拖动。 一个常见的用例是模式,只有在点击顶部区域时才可拖放.

您可以使用 window-only 这样的修饰符:

<div v-drag.window-only>
  This element cannot be dragged outside the window
</div>

其它

由下列建筑: 巴林。我们的开源项目可以在 npm 页面上找到: https://www.npmjs.com/org/branu-jp (中文(简体) )

v-drag npm链接:https://www.npmjs.com/package/@branu-jp/v-drag 互联网档案馆的存檔,存档日期2013-12-21