Appearance
Drawer
抽屉
基础用法
属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| model-value / v-model | 是否显示抽屉 | boolean | ||
| title | 标题 | string | - | - |
| width | 宽度 | string | number | - | 520 |
| destroyOnClose | 当关闭 Drawer 时,销毁其中的元素 | boolean | - | true |
| footer | 是否显示底部内容 | boolean | - | false |
| confirmLoading | 确定按钮 loading | boolean | - | false |
| cancelText | 取消按钮文字 | string | - | 取消 |
| okText | 确认按钮文字 | string | - | 确认 |
| okButton | 是否显示确认按钮 | boolean | - | true |
| direction | Drawer 打开的方向 | Direction | rtl / ltr / ttb / btt | rtl |
| isBodyPadding | 内容区域是否添加 padding 内间距 | boolean | true |
slots
| 插槽名 | 说明 |
|---|---|
| - | Drawer 的内容 |
| header | Drawer 标题的内容;会替换标题部分,但不会移除关闭按钮。 |
| footer | Drawer 页脚部分 |
事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| close | Drawer 关闭的回调 | - |
| closed | Drawer 关闭动画结束时的回调 | - |
| confirm | 点击确定回调 | - |