🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
Drawer控件。用于使用抽屉方式打开一个iframe页面,并自带返回按钮。抽屉打开后在当前的window下会有一个$drawerRef对象,可以使用这个对象跨页面进行drawer关闭等操作。比如,在打开的iframe页面里面使用这句代码即可关闭当前drawer页面:`parent.window.$drawerRef.closeDrawer()` ## 属性 | 参数 | 说明 | 类型 | 可选值 | 默认值 | --- | --- | --- | --- | --- | url | 请求drawer方式打开的iframe地址 | string | | | confirm | 返回时是否弹出确认框 | boolean| | false | confirm-message | 弹出的请求框内容 | string | 未提交的数据将会消失,是否确定这样做? | | title | 打开的drawer头部标题文字,如果是空的,则会使用iframe页面的title,支持`sync`修饰 | string | | | size | drawer显示的宽度大小 | string|number | | 500px | is-show | 当前是否显示状态,支持`sync`修饰 | boolean | | false | use-loading | 是否启用loading加载 | boolean | | false | use-skeleton | 是否在加载期间使用骨架屏 | boolean | | true ## 事件 | 事件 | 说明 | 参数 | --- | --- | --- | open | drawer准备打开事件 | | opened | drawer打开完毕事件,它与iframe-load事件是异步的 | | iframe-load | 内嵌iframe加载完毕事件 | | close | Drawer 关闭的回调 | | closed | Drawer 关闭动画结束时的回调 | | back-button-click | drawer头部“返回按钮”点击事件 | ## 方法 | 名称 | 说明 | 参数 | --- | --- | --- | open | 手动打开窗体方法 | 无 | hideDrawer | 直接隐藏抽屉组件,该方法会忽略confirm属性,直接关闭抽屉组件。 | 无 | closeDrawer | 关闭抽屉组件,该方法会关注confirm属性。 | 无 ## 插槽 无