跳转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内对应的动作事件
.png)
navigateTo方法对应的动作是——跳转到
.png)
4、案例介绍
例如Page1想给Page2共享某个数据
- 在button组件的onClick事件选择跳转到
.png)
- 选择Page2
 (1).png)
- 在查询参数填入一下代码
{{{
"test": "123"
}}}
 (1).png)
- 点击提交,在Page2,通过 global.URL.queryParams 可以取到该数据
.png)
- 同理,给外部URL传递数据类似
 (1).png)
- 点击提交,你会在新窗口看到传递的数据
.png)