Skip to content

Drawer

基础用法

全屏

全屏时需要手动控制 modelValue 打开

拖拽禁用

Drawer Props

名称类型说明默认值
modelValue / v-modelboolean是否打开false
direction'left' | 'right' | 'top' | 'bottom'打开与滑动拖拽的方向'left'
fullscreenboolean是否全屏打开false
slideboolean是否可以滑动打开true
clickMaskCloseboolean是否可以点击蒙层关闭true
sizenumber | string打开宽度,当 directiontopbottom 时为高度,传入字符串需要携带单位68%
bodySlideboolean可否在打开内容出滑动拖拽true
breakBoundarynumber内容后多显示的距离,单位为 px16

Drawer Slots

名称说明参数
defaultDrawer 的显示内容-
swipeDrawer 的滑动拖拽范围区域-