如何实现页面转跳

使用说明

常用的业务页面与页面之间经常为了实现某种业务逻辑，需要在页面间进行转跳与传参。当应用需要在页面间进行转跳并传递参数时，例如图1中，在“调查问卷”页面单击“提交”按钮，由填写页面转跳到提交成功页面，并向提交成功页面传递此次“调查问卷”的记录id和页面名称时，可以通过编排“提交”按钮的单击事件行为，实现页面间转跳和传参。

图1 调查问卷页面

操作步骤

以Astro轻应用开发者调查问卷应用为例，向您介绍如何实现页面跳转。

1. 在模板中心，使用预置的模板，创建调查问卷应用。
2. 在调查问卷标准页面（用户体验），单击“提交”。
   图2 单击提交按钮
   

3. 在右侧事件页签中，单击“点击”后的，进入添加动作页面。
4. 在自定义动作页签，选择“页面类 > 页面跳转”。
5. 配置需要跳转的页面。

   例如，转跳到“调查问卷”提交成功页面，页面类型选择“标准页面”，并在页面列表下选择之前编辑好的提交成功页面“Questionnaires_submitPage”。

   图3 选择跳转页面
   
   • 页面类型：待跳转的目标页面的类型，支持“标准页面”、“高级页面”和“自定义页面地址”。
   • 页面列表
     • “页面类型”选择“标准页面”或“高级页面”时，需要在页面列表中选择需要跳转的已创建的“标准页面”或“高级页面”。
     • “页面类型”选择“自定义页面地址”时，请直接输入需要跳转的页面地址。
   • 打开新页面：是否在新页面，打开目标页面。

6. 设置完成后，单击“确定”，将自动生成转跳代码至剪切板，只需要粘贴到面板即可。
   图4 页面转跳代码示例
   
   

   您也可以不使用平台内置的快捷代码生成功能，在需要的位置调用平台内置“api：context.$page”下的loadStdPage()函数，实现页面转跳功能。该函数接受两个参数，第一个参数为目标页面名称或url（必填），第二个参数为向目标页面传递的参数（可选），传递的参数可用context.$page.param获取，如图4所示。