goToPage 跳转到指定页面

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)

#详细的路由跳转示例如下链接

一、路由跳转详细说明(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)
  })

#接口返回示例

N/A

#插件包路由与普通容器路由关系可参考如下图

TIP