drawer方式打开一个WdDrawerIframe,通常在表格或者列表里面使用。如果单独的几个按钮,可以使用`WdRouteButton`可降低代码量。
## 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值
| --- | --- | --- | --- | ---
| drawer-ref | drawer实例引用,DataGrid和EditGrid可以不需要设置 | object | |
| url | 请求drawer方式打开的iframe地址,支持sync修饰 | string | |
| confirm | 返回时是否弹出确认框 | boolean| | false
| confirm-message | 弹出的请求框内容 | string | 未提交的数据将会消失,是否确定这样做? |
| drawer-title | drawer显示的标题 | string | | iframe加载页面的title
| drawer-size | drawer显示的宽度大小 | string|number | | '30%'
| 其他 | 支持所有el-button属性 | | |
## 事件
| 事件 | 说明 | 参数
| --- | --- | ---
| 其他 | el-button事件 |
## 方法
| 名称 | 说明 | 参数
| --- | --- | ---
| 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说明