Drawer 抽屉
从屏幕边缘划出的弹框面板
基础用法
自定义弹出位置
抽屉表单
作为普通组件渲染
container为falsy值时，组件会作为普通组件被渲染，这时抽屉打开时会使用绝对定位，相对于父级中第一个使用了定位属性的容器定位。适合不想要全屏覆盖的场景。
Attributes
| 参数 | 类型 | 说明 | 可选值 | 默认值 |
|---|
| visible | boolean | 是否显示抽屉，支持.sync修饰符 | -- | -- |
| title | string/boolean | 标题，可通过具名slot传入。也可以设置false隐藏。 | -- | -- |
| placement | string | 抽屉滑出的位置，支持上、右、下、左四个方向 | top/right/bottom/left | right |
| body-size | string | 抽屉容器的尺寸, placement为top，bottom时设定容器高度，为left，right时设定容器宽度。默认宽度，高度值分别为'40%'，'200px' | -- | 40%/200px |
| show-close | boolean | 是否显示关闭按钮 | -- | true |
| destroy-on-close | boolean | 关闭时是否销毁组件的Dom节点(组件实例不会销毁)，适合需要每次打开时重置内容的场景 | -- | -- |
| mask-closeable | boolean | 点击遮罩时是否允许关闭 | -- | true |
| container | Selectors(string)/
HTMLElement/
() => HTMLElement | 指定组件挂载的HTML节点，为falsy值时作为普通组件 | -- | 'body' |
| before-close | Function(done), 调用done用于关闭抽屉 | 关闭前的回掉，会暂停抽屉的关闭，不调用done可取消关闭操作 | -- | -- |
| body-style | object | 抽屉容器的样式，可能影响组件功能，不推荐使用 | -- | -- |
Events
| 参数 | 说明 | 回调参数 |
|---|
| open | 抽屉打开时触发 | -- |
| opend | 抽屉打开动画结束后时触发 | -- |
| close | 抽屉关闭时触发 | -- |
| closed | 抽屉关闭动画结束时触发 | -- |
Methods
Slots
| name | 说明 | 作用域数据 |
|---|
| -- | 容器内容区域 | -- |
| title | 容器标题区内容 | -- |
| footer | 容器底部区内容 | -- |