前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >新手开发 微信小程序 跳转失效问题

新手开发 微信小程序 跳转失效问题

原创
作者头像
用户2596882
修改2024-09-06 21:18:02
修改2024-09-06 21:18:02
1290
举报

情况1 : 页面跳转

三种跳转

wx.redirectTo

wx.navigateTo

wx.switchTab (想不清楚这玩意存在的意思,不了解其低层设计)

tabBar.list中使用 wx.switchTab 跳转到目标页面。

非tabBar.list,页面中跳转用wx.redirectTo 或者 wx.navigateTo

wx.redirectTo 跳转后,左上角有 home 主页按钮(home页非entryPagePath, home页是 pages[0])

wx.navigateTo 跳转后,左上角有 < 返回按钮

如app.json配置示例:

代码语言:txt
复制
{
  "pages": [
    "pages/home/home",
    "pages/index/index",
    "pages/logs/logs",
    "pages/reward/reward",
    "pages/user/login/login",
    "pages/user/profile/profile",
    "pages/posts/posts",
    "pages/product/detail/detail",
    "pages/product/list/list"
    
  ],
  "entryPagePath": "pages/home/home",
  "usingComponents": {},
  "useExtendedLib": {
    "kbone": true,
    "weui": true
  },
  "window": {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "ka10000小程序",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  },
  "style": "v2",
  "componentFramework": "glass-easel",
  "sitemapLocation": "sitemap.json",
  "lazyCodeLoading": "requiredComponents",
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "assets/images/home.png",
        "selectedIconPath": "assets/images/home-selected.png"
      },
      {
        "pagePath": "pages/posts/posts",
        "text": "列表",
        "iconPath": "assets/images/list.png",
        "selectedIconPath": "assets/images/list-selected.png"
      },
      {
        "pagePath": "pages/user/profile/profile",
        "text": "个人中心",
        "iconPath": "assets/images/customer-center.png",
        "selectedIconPath": "assets/images/customer-center-selected.png"
      }
    ]
  }
}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 情况1 : 页面跳转
    • 三种跳转
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档