跳到主要内容

3. 如何通过按钮展示/隐藏弹窗

说明：这个方式依赖低代码弹窗组件是否对外保留了相关的 API，不同的物料支持的方式不一样，这里只针对综合场景的弹窗物料。

1.拖拽一个按钮​

image.png

2.拖拽一个弹窗​

image.png

3.查看弹窗 refId​

image.png

  • 点击弹窗
  • 点击右侧面板中的高级
  • 找到 refId

image.png

这里我们的 refId 是 "pro-dialog-entryl32xgrus"

4.隐藏弹窗​

点击工具栏的隐藏小图标，将弹窗在画布中隐藏 image.png

5.按钮绑定事件​

image.png

通过下面的代码即可打开弹窗

this.$('pro-dialog-entryl32xgrus').open();