# 河图嵌河图页面

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

# 父向子页面传值

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

通用标题配置如下: iframe

iframe组件配置如下: iframe

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

按钮组配置如下: iframe

iframe组件配置如下: iframe

# 3. 预览,查看效果。

点击按钮一如下: iframe

点击按钮三如下: iframe

# 子向父页面传值

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

按钮组配置如下: iframe

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

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

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

通用标题配置如下: iframe

iframe组件配置如下: iframe

iframe

# 3. 预览,查看效果。

点击不同按钮如下: iframe

iframe

Last Updated: 2/9/2023, 4:08:45 PM