Skip to content

弹框和抽屉

示例

  1. 如下准备好抽屉、弹框、按钮组件
  1. 给抽屉、弹框、按钮添加触发事件

给抽屉添加关闭

给弹框添加关闭

给按钮添加打开抽屉和打开弹框的事件

  1. 预览表单,点击 打开抽屉、打开弹框:效果图如下

打开抽屉

打开弹框

弹出框、侧边抽屉分别对应于el-dialog、el-drawer两个组件的封装

弹框框和侧边抽屉在表单默认不显示,需要调用组件暴露出来的openModel,closeModel方法进行打开和关闭

js
let widgetRef = this.getWidgetRef("组件唯一ID").widgetRef; //获取当前组件的Ref
// 打开
widgetRef.openModel();
// 关闭
widgetRef.closeModel();

交互事件

方法描述回调
openModel打开抽屉或弹框----
closeModel关闭抽屉或弹框----

Released under the MIT License.