# @branu-jp/v-drag 中文文档

规范地址：https://npmcn.com/package/%40branu-jp/v-drag/

版本：0\.1\.0
npm 元数据更新时间：2022-04-04T20:26:52.493Z
中文译文更新时间：2026-11-08T14:30:34.198Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40branu-jp/v-drag
原文对照：https://npmcn.com/package/%40branu-jp/v-drag/?lang=original
项目主页：https://github.com/bran-ws/v-drag#readme
源码仓库：https://github.com/branu-ws/v-drag

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：1.8 MB，18 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：1 个
- 首次发布：2018-03-08T10:32:30.101Z
- 最新版本发布：2018-08-18T14:04:19.733Z
- 近 30 天下载量：2067（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：11（近 12 个月 0 个）

## 中文简介

Vue.js 可拖动指令

## 安装

```sh
npm install @branu-jp/v-drag
```

也可以使用：`pnpm add @branu-jp/v-drag`、`yarn add @branu-jp/v-drag`、`bun add @branu-jp/v-drag`

## README

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

![](http://g.recordit.co/bMTaLKJUvp.gif)

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

### 安装

无 :

```bash
npm install @branu-jp/v-drag
```

线条 :

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

### 使用

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

```html
<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`。 。 。 .

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

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

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

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

### 其它

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

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

## 常见问题

### @branu-jp/v-drag 是什么？

Vue\.js 可拖动指令

### 如何安装 @branu-jp/v-drag？

在项目目录运行 npm install @branu-jp/v-drag，或使用 pnpm add / yarn add / bun add。

### @branu-jp/v-drag 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/branu-jp\_\_v-drag 是否存在。

### @branu-jp/v-drag 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @branu-jp/v-drag 可以商用吗？

@branu-jp/v-drag 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @branu-jp/v-drag 的下载量有多少？

根据 npm 官方下载统计，@branu-jp/v-drag 在 2026/10/09 – 2026/11/07 这 30 天内被下载 2,067 次，日均约 69 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @branu-jp/v-drag 还在维护吗？

最新版本 0\.1\.0 发布于 2018/08/18（8 年前）；至今共发布 11 个版本，其中过去 12 个月发布了 0 个；首次发布于 2018/03/08。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。