Vue 自定义指令 --- 支持元素的拖动

教程

无

安装

npm install --save dragdropyama

全局引入

import Vue from 'vue';
import DragDrop from 'dragdropyama';

Vue.use(DragDrop);

局部引入

<script>
import DragDrop from 'dragdropyama';
export default {
  directives: {
    'movable': DragDrop
  }
}
</script>

组件中使用

<template>
  <div v-movable></div>
</template>

<script>
import DragDrop from 'dragdropyama';
export default {
  directives: {
    'movable': DragDrop
  }
};
</script>

<style scoped>
div {
  width: 100px;
  height: 100px;
}
</style>

配置选项

无