vue-drag-resize 可拖动缩放的组件

vue-drag-resize 可拖动缩放的组件

官网: https://github.com/kirillmurashov/vue-drag-resize

安装

npm i -s vue-drag-resize

使用

<template>
  <div id="app">
    <VueDragResize
    :preventActiveBehavior="false" 
    :parentLimitation="true"
    :isActive="true" 
    :w="200" 
    :h="200" 
    v-on:resizing="handleResize" 
    v-on:dragging="handleResize">
      <div>Hello VueDragResize</div>
    </VueDragResize>
  </div>
</template>

<script>
import VueDragResize from 'vue-drag-resize';

export default {
  components: {
    VueDragResize
  },

  methods: {
    handleResize (newRect) {
      console.log(newRect)
    }
  }
}
</script>