Skip to content

抽屉 Drawer

基本用法

不同方向

API

Drawer Props

参数名说明类型可选值默认值
placement抽屉弹出的位置stringtop/left/bottom/rightright
title抽屉标题,也可通过 slot=header 指定string
showBackdrop是否显示遮罩层booleantrue
showClose是否显示关闭按钮booleantrue
closeOnClickBackdrop点击遮罩层是否关闭抽屉booleantrue
confirmText确定按钮的文案string确定
cancelText取消按钮的文案string取消
showConfirm是否显示确定按钮booleantrue
showCancel是否显示取消按钮booleantrue
confirmLoading确定按钮的 loading 状态booleanfalse
width抽屉的宽度(当 placement 为 left/right 时有效string/number250
height抽屉的高度(当 placement 为 top/bottom 时有效string/numberauto
onConfirm点击确认按钮时的回调functionnull
onCancel点击取消按钮时的回调(需手动调用 done 来关闭弹窗)function(done: Function) => done()

Drawer Slots

插槽名说明子标签
default默认插槽主要内容
header自定义头部内容
footer自定义尾部内容