基础用法
自定义头部
提交内容
自定义 footer
API
Attributes
名称 | 说明 | 类型 | 默认值 | 必填 |
---|---|---|---|---|
attrs | 支持所有 ElDrawer 属性 | 否 | ||
v-model:visible | 绑定值 | boolean | false | 否 |
width | 宽度 | string | 45% | 否 |
isShowFooter | 是否显示 footer | boolean | true | 否 |
isShowDefaultFooter | 是否显示默认的footer 内容 | boolean | false | 否 |
isShowConfirmBtn | 是否显示确认按钮 | boolean | true | 否 |
isShowCancelBtn | 是否显示取消按钮 | boolean | true | 否 |
confirmBtnText | 确认按钮文本 | string | 确认 | 否 |
cancelBtnText | 取消按钮文本 | string | 取消 | 否 |
Slots
插槽名 | 说明 |
---|---|
- | Drawer 的内容 |
header | 对话框标题的内容;会替换标题部分,但不会移除关闭按钮。 |
Events
名称 | 说明 | 类型 |
---|---|---|
onOk | 点击确认按钮时触发 | (e: OnOKEvent) => void |
onClose | Drawer 关闭时触发 | function |