# goToPage ^7.8
跳转到指定页面
# 请求方式一：拼接成url
| Prop | Type | Default | Comment |
|---|---|---|---|
| url | String | N/A | 规则的路径：如：meiju://com.midea.meiju/main?type=jumpNative&pageName=login&needNavi=1 |
# 请求方式二：对象传参
| props | comment |
|---|---|
| type | 跳转类型。 跳转原生页为jumpNative 跳转weex设备插件页为jumpWeexPlugin 跳转老h5插件页为jumpH5Plugin 跳转weex为jumpweex（常用跳转业务插件） 跳转webview为jumpWebview 跳转dolphin webview为 jumpWebViewNew 跳转dolphin weex业务插件和H5插件为 jumpHybridModule 跳转dolphin weex新商城为 jumpElecBusinessWeexNew |
| param | 路由跳转详细说明 |
# 接口调用示例
// 第一种方式原生
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
34
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
34
# 接口返回示例
N/A
1
2
3
2
3
# 插件包路由与普通容器路由关系可参考如下图
TIP
