# vue-split-drag-pane **Repository Path**: hl0109/vue-split-drag-pane ## Basic Information - **Project Name**: vue-split-drag-pane - **Description**: 一个可拖动调整面板大小的vue组件 - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 0 - **Created**: 2023-02-20 - **Last Updated**: 2025-02-17 ## Categories & Tags **Categories**: Uncategorized **Tags**: Vue, Drag, pane ## README # 项目源码地址 ###  https://gitee.com/hl0109/vue-split-drag-pane ###  一个可拖动调整面板布局大小的vue组件,支持vue2与vue3,支持PC与移动端操作 ## 演示 ###  npm社区打不开时参考 https://gitee.com/hl0109/vue-split-drag-pane ## 安装 ```shell npm install vue-split-drag-pane -S ``` ## 案例 ```html ``` ## 说明 ###  1.属性(Attributes)
参数说明类型可选值默认值
splitvertical:左右排列; horizontal:上下排列stringvertical / horizontalvertical
minPercent最小宽度或者高度,支持像素与百分比,举例值可以是10px、10(默认百分比)string / number-50px
defaultPercent默认宽度或者高度,举例值可以10px、10(默认百分比)number--
vmiddom虚拟id标识string--
span排列布局直接的间隔,单位px,举例值10pxnumber-0
###  2.事件(Events)
事件名称说明参数
changepercent:拖到后的占比; vmid:自定义的dom虚拟id标识percent,vmid