美文网首页
微信小程序:wx.navigateTo中url无法跳转问题(ap

微信小程序:wx.navigateTo中url无法跳转问题(ap

作者: 放风筝的小小马 | 来源:发表于2018-07-12 13:24 被阅读54次

今天在做微信小程序时,设置wx.navigateTo页面跳转并传参数,点击始终没有效果,代码如下:

<view class='container'>
  <image class="user-avatar" src='/images/avatar/1.png'></image>
  <text class='user-name'><text style='color: red'>你好</text>,七月!</text>
  <view class='moto-container'>
    <text class='moto' catchtap='viewPosts'>开启小程序之路</text>
  </view>
</view>
//事件处理函数
    viewPosts: function() {
    wx.navigateTo({
      url: '/pages/posts/posts',
    });
    console.log('bindtap')
  },

排查几遍,并无错误之错呀

查询各类文档发现问题之处在于: 若是在全局app.json中配置了tabBar,引用的链接wx.navigateTo页面跳转url地址相同就无法实现跳转

app.json中的tabBar配置

"tabBar": {
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "/pages/posts/posts",
        "text": "阅读",     
        "iconPath": "/images/tab/yuedu.png",
        "selectedIconPath": "/images/tab/yuedu_hl.png"
      },
      {
        "pagePath": "/pages/movies/movies",
        "text": "电影",
        "iconPath": "/images/tab/dianying.png",
        "selectedIconPath": "/images/tab/dianying_hl.png"
      }
    ]
  }

如上所示:在事件处理程序viewPostwx.navigateTo的地址是'/pages/posts/posts/,与tabBar中跳转的地址"pagePath": "pages/posts/posts"相同,因此无法实现跳转

参考

微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)

相关文章

网友评论

      本文标题:微信小程序:wx.navigateTo中url无法跳转问题(ap

      本文链接:https://www.haomeiwen.com/subject/wwolpftx.html