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>