vue-element-move

directive for moving elements.

Install

npm i vue-element-move

Example

<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

<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