# 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)
参数 | 说明 | 类型 | 可选值 | 默认值 |
split | vertical:左右排列; horizontal:上下排列 | string | vertical / horizontal | vertical |
minPercent | 最小宽度或者高度,支持像素与百分比,举例值可以是10px、10(默认百分比) | string / number | - | 50px |
defaultPercent | 默认宽度或者高度,举例值可以10px、10(默认百分比) | number | - | - |
vmid | dom虚拟id标识 | string | - | - |
span | 排列布局直接的间隔,单位px,举例值10px | number | - | 0 |
### 2.事件(Events)
事件名称 | 说明 | 参数 |
change | percent:拖到后的占比; vmid:自定义的dom虚拟id标识 | percent,vmid |