Skip to content

GridDragResize

Props

GridDragResizeCommonProps

These props are inherited from the outside to the inside during the nesting group.

名称类型默认值说明版本
overflowstringundefinedCSS overflow, children has higher priority0.6.0
dragHandlerstring''Drag anchor (querySelector), children has higher priority0.0.17
dropOutHandlerstring''Drop out(querySelector),children has higher priority0.9.0
removeHandlerstring''Remove(querySelector),children has higher priority0.9.0
readonlybooleanfalseReadonly, true will disable all xxxable0.0.17
draggablebooleantrueDraggable0.0.17
resizablebooleantrueResizable0.0.17
removablebooleantrueRemovable0.2.0
droppableInbooleantrueDroppable in0.7.0
droppableOutbooleantrueDroppable out0.7.0
maskbooleanundefinedMask to stop inner mouse event0.12.0

GridDragResizeProps<T>

NameTypeDefaultDescVersion
columns (v-model)number1Number of columns0.0.17
rows (v-model)number1Number of rows0.0.17
gapnumber0gap size0.0.17
columnSizenumberundefinedColumn size, undefined as 1fr0.0.17
rowSizenumberundefinedRow size, undefined undefined as 1fr0.0.17
columnTemplatestringundefinedGrid column template(Support:px、fr、repeat)0.11.0
rowTemplatestringundefinedgrid row template (Support:px、fr、repeat)0.11.0
columnExpandablebooleanfalseEnable columns to expand to the right(Disable when in nested group)0.0.17
rowExpandablebooleanfalseEnable rows to expand to the bottom(Disable when in nested group)0.0.17
children (v-model)GridDragResizeItemProps
<T>[]
[]children Props0.0.17
droppingChild (v-model)GridDragResizeItemPropsundefinedChild which is dropping0.2.6
selectedChild (v-model)GridDragResizeItemPropsundefinedChild selected0.8.0
beforeDrop(prop:
GridDragResizeItemProps)
=>
GridDragResizeItemProps |
Promise<
GridDragResizeItemProps
>
undefinedUpdate prop before drop0.7.0
classNamestringundefinedAdd CSS Class0.4.0
tagNamestring'div'Root element TagName0.7.0

Events

NameTypeDefaultDescVersion
select(prop:GridDragResizeItemProps)
=>void
undefinedSelect0.8.0

children Props

GridDragResizeItemProps<T>

NameTypeDefaultDescVersion
columns (v-model)number1Number of columns0.0.17
rows (v-model)number1Number of rows0.0.17
columnStart (v-model)number1CSS columnStart0.0.17
columnEnd (v-model)number2CSS columnEnd0.0.17
rowStart (v-model)number1CSS rowStart0.0.17
rowEnd (v-model)number2CSS rowEnd0.0.17
render() => VNodeundefinedContent0.0.17
dataTundefinedData0.0.17
childGridDragResizeProps<T>undefinedSub GridDragResize0.4.0