添加了tabBar之后就不能使用wx.navigateTo跳转页面了吗

  • • 发表于 2周前
  • • 作者 星河阅卷
  • • 115 次浏览
  • • 6 条评论
  • • 最后编辑时间 2周前
  • • 来自 [技术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

我在app.json中添加了增加底部选项卡的代码如下:

{
  "pages":[
    "pages/index/mjkf",
    "pages/goodsDetail/detail"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#333",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"#FFFFFF",
    "enablePullDownRefresh": true
  },
  "tabBar": {
    "backgroundColor": "#333333",
    "color": "#FFFFFF",
    "selectedColor": "#32c1d4",
    "borderStyle": "black",
    "list": [
      {
        "pagePath": "pages/index/mjkf",
        "text": "首页",
        "selectedIconPath": "pages/assets/imgs/redbag.png",
        "iconPath": "pages/assets/imgs/redbag.png"
      }, 
      {
        "pagePath": "pages/goodsDetail/detail",
        "text": "商品详情",
        "selectedIconPath": "pages/assets/imgs/redbag2.png",
        "iconPath": "pages/assets/imgs/redbag2.png"
      }
    ]
  }
}

选项卡确实是出来了,但是,当我在js中调用wx.navigateTo时页面却无法跳转了,这是为什么呢?

wx.navigateTo({
          url: '../goodsDetail/detail?id='+data.id,
          success: function(res){
            // success
          },
          fail: function() {
            // fail
          },
          complete: function() {
            // complete
          }
        })

注:这个跳转页面的逻辑在添加tabBar之前还是没问题的,可以正常跳转

分享到:
评论区(共6条评论)
6条评论
Ctrl+Enter
作者

星河阅卷

星河阅卷

APP:1 帖子:5 回复:17 积分:1315

已加入社区[12]天

速度要快,动作要帅

作者详情》
精品推荐课程更多
扫码入群
Top