实现网页跳转

本文以按钮组件控制页面导航节点为例,实现数字大屏中的自定义网站跳转。

效果展示23

操作步骤

  1. 登录DataV控制台
  2. 选择任一可视化应用,单击编辑,进入画布编辑器页面。

  3. 添加按钮组件,并修改配置面板全局样式>文字内容点我跳转image

  4. 右键组件,导出到蓝图编辑器。

  5. 将左侧节点栏内的按钮节点和逻辑节点栏内的页面导航节点拖至蓝图画布中。

  6. 连接组件。image

  7. 单击页面导航逻辑节点,进入右侧配置面板,选择面板内其他配置栏下方的链接地址,自定义输入所需跳转网页的URL地址。image

  8. (可选)实现带入参数到新打开的页面的效果:增加请求参数,设置参数名为id,参数值为0image

  9. 添加一个串行数据处理节点到按钮页面导航节点的连线之间,并设置串行数据处理节点的处理方法。image

    串行数据处理节点处理方法

    return { id: 'datav-hello' }
  10. 单击页面右上角的image图标,预览展示结果。23