弹框和抽屉
示例
- 如下准备好抽屉、弹框、按钮组件

- 给抽屉、弹框、按钮添加触发事件
给抽屉添加关闭

给弹框添加关闭

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


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

打开弹框

弹出框、侧边抽屉分别对应于el-dialog、el-drawer两个组件的封装
弹框框和侧边抽屉在表单默认不显示,需要调用组件暴露出来的openModel,closeModel方法进行打开和关闭
js
let widgetRef = this.getWidgetRef("组件唯一ID").widgetRef; //获取当前组件的Ref
// 打开
widgetRef.openModel();
// 关闭
widgetRef.closeModel();
交互事件
方法 | 描述 | 回调 |
---|---|---|
openModel | 打开抽屉或弹框 | ---- |
closeModel | 关闭抽屉或弹框 | ---- |