安装：
npm install --save vue-draggable-resizable
使用：
Hello! I'm a flexible component. You can drag me around and you can resize me.
X: {{ x }} / Y: {{ y }} - Width: {{ width }} / Height: {{ height }}
vue-draggable-resizable 拖拽缩放插件
demo:
https://mauricius.github.io/vue-draggable-resizable/
参数：
1.active--是否激活
Type: Boolean
Required: false
Default: false
<vue-draggable-resizable :active="true">
2.draggable--是否可拖拽
Type: Boolean
Required: false
Default: true
3.resizable--是否可缩放
Type: Boolean
Required: false
Default: true
w--初始宽度
Type: Number
Required: false
Default: 200
h--初始高度
Type: Number
Required: false
Default: 200
minw--最小宽度
Type: Number
Required: false
Default: 50
minh--最小高度
Type: Number
Required: false
Default: 50
x--初始位移x
Type: Number
Required: false
Default: 0
y-初始位移y
Type: Number
Required: false
Default: 0
z--显示层级
Type: Number|String
Required: false
Default: auto
handles--控制区域
Type: Array
Required: false
Default: ['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']
tl- Top lefttm- Top middletr- Top rightmr- Middle rightbr- Bottom rightbm- Bottom middlebl- Bottom leftml- Middle left
axis--设置拖拽方向（x,y,both）
Type: String
Required: false
Default: both
grid--网格移动
Type: Array
Required: false
Default: [1,1]
parent--限制在父元素内移动
Type: Boolean
Required: false
Default: false
dragHandle--定义拖拽元素
maximize--If set to
Type: String
Required: false
dragCancel--Defines a selector that should be used to prevent drag initialization.
Type: String
Required: false
maximize--If set to true allows the component to fill its parent when double-clicked.
Type: Boolean
Required: false
Default: false
1.activated
Required: false
Parameters: -
Called whenever the component gets clicked, in order to show handles.
2.deactivated
Required: false
Parameters: -
Called whenever the user clicks anywhere outside the component, in order to deactivate it.
3.resizing
Required: false
Parameters:
leftthe X position of the elementtopthe Y position of the elementwidththe width of the elementheightthe height of the element
Called whenever the component gets resized.
4.resizestop
Required: false
Parameters:
leftthe X position of the elementtopthe Y position of the elementwidththe width of the elementheightthe height of the element
Called whenever the component stops getting resized.
5.dragging
Required: false
Parameters:
leftthe X position of the elementtopthe Y position of the element
Called whenever the component gets dragged.
6.dragstop
Required: false
Parameters:
leftthe X position of the elementtopthe Y position of the element
Called whenever the component stops getting dragged.
引用：https://www.npmjs.com/package/vue-draggable-resizable#demo
转载于:https://www.cnblogs.com/yycc11/p/9565915.html