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

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

  
  你好，七月！
  
    开启小程序之路
  

//事件处理函数
    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"
      }
    ]
  }

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

参考

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