Skip to main content

跳转navigateTo()

该事件允许用户在应用程序的内部页面或外部URL之间导航。它可以在任何小部件操作上触发,如Button的onClick, Dropdown的onOptionChange等。在navigateTo函数中输入页面名称或外部URL(在onClick等触发操作下),如果需要,输入Query参数,并为新页面(新窗口或相同窗口)选择目的地。

跳转(navigateTo)的使用

1、格式

navigateTo(pageName | Url: string, params?: {}, target: "SAME_WINDOW" | "NEW_WINDOW") -> Promise

2、参数介绍

参数名描述
pageName或Url您希望传输到的页面名称或URL,PageName区分大小写。
params(可选)通过URL传递的查询参数,用于与目标页共享信息。
target(可选)配置在哪里打开URL,默认当前窗口。

3、PagePlug内对应的动作事件

navigateTo方法对应的动作是——跳转到

4、案例介绍

例如Page1想给Page2共享某个数据

  • button组件的onClick事件选择跳转到
  • 选择Page2
  • 查询参数填入一下代码
{{{
"test": "123"
}}}
  • 点击提交,在Page2,通过 global.URL.queryParams 可以取到该数据
  • 同理,给外部URL传递数据类似
  • 点击提交,你会在新窗口看到传递的数据