Events

activated

Parameters: -

Called whenever the component gets clicked, in order to show handles.

<draggable-resizable-vue @activated="onActivated">

deactivated

Parameters: -

Called whenever the user clicks anywhere outside the component, in order to deactivate it.

<draggable-resizable-vue @deactivated="onDeactivated">

resizing

Parameters:

• left the X position of the element
• top the Y position of the element
• width the width of the element
• height the height of the element

Called whenever the component gets resized.

<draggable-resizable-vue @resizing="onResizing">

resizestop

Parameters:

• left the X position of the element
• top the Y position of the element
• width the width of the element
• height the height of the element

Called whenever the component stops getting resized.

<draggable-resizable-vue @resizestop="onResizstop">

dragging

Parameters:

• left the X position of the element
• top the Y position of the element

Called whenever the component gets dragged.

<draggable-resizable-vue @dragging="onDragging">

dragstop

Parameters:

• left the X position of the element
• top the Y position of the element

Called whenever the component stops getting dragged.

<draggable-resizable-vue @dragstop="onDragstop">