# vue-element-move

> move element directive for Vue

Latest version **1.0.1** (published 2021-01-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-element-move
pnpm add vue-element-move
yarn add vue-element-move
bun add vue-element-move
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2021-01-17 |
| First published | 2021-01-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | onaug6th@qq.com |
| Maintainers | onaug6th |

## Links

- npm: https://www.npmjs.com/package/vue-element-move
- Repository: https://github.com/onaug6th/vue-element-move
- Homepage: https://github.com/onaug6th/vue-element-move#readme
- Issues: https://github.com/onaug6th/vue-element-move/issues
- npm.io page: https://npm.io/package/vue-element-move

## Recent versions

- 1.0.1 (latest) — 2021-01-17
- 0.0.2 — 2021-01-08
- 0.0.1 — 2021-01-07

## README

# vue-element-move

[![npm (scoped)](https://img.shields.io/npm/v/vue-element-move.svg)](https://www.npmjs.com/package/vue-element-move)

directive for moving elements.

## Install
```
npm i vue-element-move
```

## Example

```html
<template>
  <!-- dialog -->
  <div v-move="() => $refs.dialog" ref="dialog">
  </div>
  <!-- dialog -->
</template>

<script>
import move from "vue-element-move";

export default {
  directives: {
    move
  }
  ...
}
</script>
```

## Options
set options to configure move

```html
<template>
  <div v-move="() => $refs.dialog" ref="dialog" move-out>
  </div>
</template>
```

| Name | Detail
| - | - |
| move-out | Allow move out of window |
| move-x-right | When moving, the X coordinate is calculated according to the right side |
| move-y-bottom | When moving, the Y coordinate is calculated according to the bottom |
| move-cursor | Cursor when moving |

---
_Source: https://npm.io/package/vue-element-move · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._