抽屉
Drawer抽屉:
属性:
append-to-body:Drawer 自身是否插入至 body 元素上。嵌套的 Drawer 必须指定该属性并赋值为 true(就是嵌套多
层抽屉记得把它设为true)。布尔类型。默认false。
before-close:关闭前的回调,会暂停 Drawer 的关闭。(就是点击关闭按钮时的方法)。
类型:function(done),done 用于关闭 Drawer。
close-on-press-escape:是否可以通过按下 ESC 关闭 Drawer。布尔类型。默认true。
custom-class:Drawer的自定义类名。String类型。
destroy-on-close:控制是否在关闭 Drawer 之后将子元素全部销毁。布尔类型。默认false。
modal: 是否需要遮罩层。布尔类型。默认true。
modal-append-to-body: 遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Drawer 的父元素上。
布尔类型。默认true。
direction:Drawer打开的方向。使用方法:动态绑定,data里面写值。可选参数:rtl(从右往左开)、ltr(从左往右
开)、ttb(从上往下开)、btt(从下往上开)。默认rtl。
show-close:是否显示关闭按钮。布尔类型。默认true。
size:Drawer 窗体的大小, 当使用 number 类型时, 以像素为单位, 当使用 string 类型时, 请传入 'x%', 否则便
会以 number 类型解释。类型:Number、String。默认值:30%
title:Drawer 的标题,也可通过具名 slot 传入。String类型。
visible:是否显示 Drawer,支持 .sync 修饰符。布尔类型。默认false。
wrapperClosable:点击遮罩层是否可以关闭 Drawer。布尔类型。默认true。
withHeader:控制是否显示 header 栏, 默认为 true, 当此项为 false 时, title attribute 和 title slot 均
不生效(就是可以通过 withHeader 这个属性来关闭掉 title 的显示)。布尔类型。默认true。
Drawer抽屉:
方法:
closeDrawer:用于关闭 Drawer, 该方法会调用传入的 before-close 方法。
Drawer抽屉:
事件:
open:Drawer 打开的回调。
opened:Drawer 打开动画结束时的回调。
close: Drawer 关闭的回调。
closed:Drawer 关闭动画结束时的回调。