Skip to content

Drawer

抽屉

基础用法

属性

属性名说明类型可选值默认值
model-value / v-model是否显示抽屉boolean
title标题string--
width宽度string | number-520
destroyOnClose当关闭 Drawer 时,销毁其中的元素boolean-true
footer是否显示底部内容boolean-false
confirmLoading确定按钮 loadingboolean-false
cancelText取消按钮文字string-取消
okText确认按钮文字string-确认
okButton是否显示确认按钮boolean-true
directionDrawer 打开的方向Directionrtl / ltr / ttb / bttrtl
isBodyPadding内容区域是否添加 padding 内间距booleantrue

slots

插槽名说明
-Drawer 的内容
headerDrawer 标题的内容;会替换标题部分,但不会移除关闭按钮。
footerDrawer 页脚部分

事件

事件名说明参数
closeDrawer 关闭的回调-
closedDrawer 关闭动画结束时的回调-
confirm点击确定回调-