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說明