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