0.1.1 • Published 5 years ago
vdrawer-hl v0.1.1
vue-drawer
Project setup
npm install vdrawer-hl抽屉组件
- Attributes
| 参数 | 类型 | 是否必须 | 说明 | 默认值 |
|---|---|---|---|---|
| value | Boolean | 是 | 抽屉是否显示，可使用 v-model 双向绑定数据 | false |
| title | String | 否 | 标题 | - |
| width | String | 否 | 宽度 | 260px |
| modal | Boolean | 否 | 是否需要遮罩层 | false |
| modalStyle | Object,String | 否 | 遮罩层样式 | - |
| placement | String | 否 | 抽屉的方向，可选值为 left 或 right | right |
| closable | Boolean | 否 | 是否显示右上角的关闭按钮 | false |
| fullscreen | Boolean | 否 | 是否全屏 | false |
| drawerClass | String | 否 | 外层类名 | - |
| styles | Object | 否 | 内容的样式 | - |
| center | Boolean | 否 | 顶部是否居中 | false |
| lockScroll | Boolean | 否 | 是否在drawer出现时将 body 滚动锁定 | false |
| maskClosable | Boolean | 否 | 是否允许点击遮罩区域关闭 | true |
| outClosable | Boolean | 否 | 是否允许点击其他区域关闭 | true |
| beforeClose | function(done),done 用于关闭 | 否 | 关闭之前回调 | false |
| inner | Boolean | 否 | 是否在某个盒子内部使用,外层盒子需要增加属性position:relative | false |
- Slot
| 参数 | 说明 |
|---|---|
| header | 自定义标题栏 |
- Events
| 参数 | 说明 | 回调参数 |
|---|---|---|
| input | 关闭处理,必传 | false |
| close | 关闭的回调 | - |
| onVisibleChange | 显示和关闭切换回调 | true显示false关闭 |