随笔 - 2649  文章 - 2452  评论 - 0  阅读 - 80424

goToPage 跳转到指定页面

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 跳转插件页为jumpPlugin 跳转weex为jumpweex 跳转webview为jumpWebview 跳转dolphin webview为 jumpWebViewNew 跳转dolphin weex业务插件和H5插件为 jumpHybridModule
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)
  })

#接口返回示例

N/A
posted on   AtlasLapetos  阅读(4)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
< 2025年3月 >
23 24 25 26 27 28 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 1 2 3 4 5

点击右上角即可分享
微信分享提示