vue-drag-position v1.1.0

vue-drag-position

Vue指令，能在用户试图拖动元素时，提供位置信息，可用于构建需要拖动的组件

Install

npm i vue-drag-position -s

使用

当鼠标对元素做出拖动动作时，move会被调用，toggle可以动态控制指令否有效

<template>
  <div v-drag-position="{toggle:true,move:move}"></div>
</template>

<script>
  import DragPosition from "vue-drag-position"
  export default{
  import d from "./index";
  export default {
    directives:{
      "drag-position":DragPosition
    },
    methods:{
      move(){

      }
    }
  }
</script>

配置

关于指令的值，可以直接传入一个function，会被赋给move，并且toggle的值默认为true。