# goToPage ^7.8
跳转到指定页面
# 请求方式一：拼接成url
| Prop | Type | Required | Default | Comment |
|---|---|---|---|---|
url | String | Y | N/A | 规则的路径：如：meiju://com.midea.meiju/main?type=jumpWeex&url=midea-rooms%2fforum.js%3fforumCode%3dxxx%26forumName%3dxxxx%26.......&needNavi=1 备注：路径url参数的值需要encode的 |
# 请求方式二：对象
| props | comment |
|---|---|
| type | 跳转类型。 跳转原生页为jumpNative 跳转插件页为jumpPlugin 跳转weex为jumpweex 跳转webview为jumpWebview 跳转dolphin webview为 jumpWebViewNew 跳转dolphin weex业务插件和H5插件为 jumpHybridModule |
| param | 路由跳转详细说明 (opens new window) |
# 详细的路由跳转示例如下链接
二、统一路由方式Confluence内部文档 (opens new window)
# 注意
第一种方式的协议尽量使用meiju://
# 接口调用示例
// 第一种方式原生
const params = {
url: "meiju://com.midea.meiju/main?type=jumpNative&pageName=login&needNavi=1"
}
// 第二种方式
const params = {
type: 'jumpWebViewNew',
param: {
url: 'https://ce-cdn.midea.com/activity/sit/child-growth-helper/index.html',
// 以下参数只有在type为jumpWebViewNew下才生效
params: {
statusBarType: 'black', // 状态栏样式 black/white
showTitleBar: 'YES', // 是否显示标题栏
showStatusBar: 'YES', // 是否显示状态栏
textColor: '#00FFff', // 标题的颜色
backgroundColor: '#00FF00', // 标题栏背景颜色
transparentTitle: 'NO', // 标题栏是否透明
fitsSystemWindows: 'YES', // android专用，"YES" 去掉状态栏占位， "NO" 显示状态占位
enableSafeArea: 'YES', // 只针对iOS设置，是否开发安全区域，开启后安全区域不显示内容
backBtnStyle: '0' //按钮样式。"0"-黑色，"1"-白色
},
pageBackgroundColor: '#000000'
}
}
this.$bridge
.goToPage(params)
.then(res => {
this.$alert(res)
})
.catch(err => {
this.$toast(err)
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
# 接口返回示例
N/A
1
2
3
2
3
# 插件包路由与普通容器路由关系可参考如下图
TIP
