Drawer控件。用于使用抽屉方式打开一个iframe页面,并自带返回按钮。抽屉打开后在当前的window下会有一个$drawerRef对象,可以使用这个对象跨页面进行drawer关闭等操作。比如,在打开的iframe页面里面使用这句代码即可关闭当前drawer页面:`parent.window.$drawerRef.closeDrawer()`
## 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值
| --- | --- | --- | --- | ---
| url | 请求drawer方式打开的iframe地址 | string | |
| confirm | 返回时是否弹出确认框 | boolean| | false
| confirm-message | 弹出的请求框内容 | string | 未提交的数据将会消失,是否确定这样做? |
| title | 打开的drawer头部标题文字,如果是空的,则会使用iframe页面的title,支持`sync`修饰 | string | |
| size | drawer显示的宽度大小 | string|number | | 500px
| is-show | 当前是否显示状态,支持`sync`修饰 | boolean | | false
| use-loading | 是否启用loading加载 | boolean | | false
| use-skeleton | 是否在加载期间使用骨架屏 | boolean | | true
## 事件
| 事件 | 说明 | 参数
| --- | --- | ---
| open | drawer准备打开事件 |
| opened | drawer打开完毕事件,它与iframe-load事件是异步的 |
| iframe-load | 内嵌iframe加载完毕事件 |
| close | Drawer 关闭的回调 |
| closed | Drawer 关闭动画结束时的回调 |
| back-button-click | drawer头部“返回按钮”点击事件 |
## 方法
| 名称 | 说明 | 参数
| --- | --- | ---
| open | 手动打开窗体方法 | 无
| hideDrawer | 直接隐藏抽屉组件,该方法会忽略confirm属性,直接关闭抽屉组件。 | 无
| closeDrawer | 关闭抽屉组件,该方法会关注confirm属性。 | 无
## 插槽
无
- 序言
- 安装
- 组件查询
- buttons
- WdApiButton
- WdDrawerButton
- WdRefreshButton
- WdRouteButton
- WdConfirmButton
- datagrid
- WdDatagrid
- WdGridDeleteButton
- WdGridEnableButton
- editgrid
- WdEditgrid
- WdEditgridCell
- element
- WdCard
- WdCollapse
- WdDrawerIframe
- WdIframe
- WdLabel
- WdSplitLabel
- WdDetail
- WdToolBar
- WdRepeater
- WdApiManager
- form
- WdDataForm
- WdSelect
- WdRadioList
- WdCheckboxList
- WdUploadImage
- search
- WdSearchCheckbox
- WdSearchDatepick
- WdSearchForm
- WdSearchInput
- WdSearchRadio
- WdSearchSelect
- tree
- WdTree
- 内置服务
- ajax服务
- 消息服务
- 框架方法
- tab操作
- 其他
- demo说明