BeDrawer 抽屉
有些时候, Dialog 组件并不满足我们的需求, 比如你的表单很长, 亦或是你需要临时展示一些文档, Drawer 拥有和 Dialog 几乎相同的 API, 在 UI 上带来不一样的体验.
基本用法
呼出一个临时的侧边栏, 可以从多个方向呼出
visible: false
direction: rtl
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| visible | 展示/隐藏 | boolean | true/false | false |
| title | 标题文字 | string | - | 提示 |
| direction | 方向 | string | ltr/rtl/ttb/btt | rtl |
| size | 窗体的大小 | string | 'x%'/'100px' | 30% |
| mask | 是否需要遮罩层 | boolean | true/false | true |
| isShowHeader | 是否显示头部 | boolean | true/false | true |
| isShowClose | 是否显示关闭按钮 | boolean | true/false | true |
| closeOnClickModal | 是否可以通过点击 mask 关闭 Dialog | boolean | true/false | true |
| isCloseEscape | 是否可以通过按下 ESC 关闭 Drawer | boolean | true/false | true |
Events
| 事件名称 | 说明 | 回调参数 |
|---|
| beforeClose | 关闭前的方法(用户传入回调函数) | 接收返回值true/false false时不执行关闭操作 |
| close | 关闭的回调 | null |
Slot