河图嵌河图页面

实现了河图父子界面传值的功能。

父向子页面传值

1. 新建大屏配置下图所示的 iframe 组件和通用标题。

通用标题配置如下：

iframe 组件配置如下：

2. 新建大屏页面 2 配置上图所示的 iframe 组件和按钮组。

按钮组配置如下：

iframe 组件配置如下：

3. 预览，查看效果。

点击按钮一如下：

点击按钮三如下：

子向父页面传值

1. 新建大屏配置下图所示的按钮组（子页面）。

按钮组配置如下：

在节点编程页面给按钮组绑定转换器如下：

window.parent.postMessage(
  {
    from: "iframe1", // 与河图父页面内iframe的名称保持一致
    vars: {
      text: data.text,
    },
  },
  "*"
);
return data;

2. 新建大屏页面 2 配置上图所示的 iframe 组件和通用标题（父页面）。

通用标题配置如下：

iframe 组件配置如下：

3. 预览，查看效果。

点击不同按钮如下：