微信小程序:errMsg“:“navigateTo:fail can not navigateTo a tabbar page 報錯問題


微信小程序關於:errMsg":"navigateTo:fail can not navigateTo a tabbar page 報錯問題

原因

很有可能是由於在底部tabbar里面定義了同樣連接地址的bar,
如果在底部footer頁面定義了相同地址的bar,則此頁面無法跳轉。

tab欄是index 和logs
那么home 頁面中對應方法調用wx.navigateTo路由轉換到logs頁面,會報錯errMsg: “navigateTo:fail can not navigateTo a tabbar page” 。

在這里插入圖片描述

錯誤問題

<!-- 九宮格 -->
<van-grid column-num="5">
  <van-grid-item  link-type="navigateTo" url="/pages/classify/classify"  
  icon="{{item.icon}}" text="{{item.name}}" wx:for="{{ nav }}"  />
</van-grid>

在這里插入圖片描述

解決辦法

1、我這里是引入了UI組件庫直接把navigateTo更改為switchTab即可。
2、logs已經是tab設定的,應用對應的方法wx.switchTab方法來設定路由轉換

  • 點擊事件把wx.navigateTo更改為wx.switchTab
<van-grid column-num="5">
  <van-grid-item  link-type="switchTab" url="/pages/classify/classify"  
  icon="{{item.icon}}" text="{{item.name}}" wx:for="{{ nav }}"   />
</van-grid>

在這里插入圖片描述

在這里插入圖片描述

使用wx.switchTab跳轉會存在小bug(不能傳參的問題)解決辦法已寫在下一篇博客:

鏈接: https://blog.csdn.net/ZiChen_Jiang/article/details/107876488.

本人開發的微信小程序(已上線)、公眾號及網站二維碼:
有興趣的可以進去看看或者動動你們勤勞的雙手點個關注喲 作者在此謝謝大家了。
1、佩奇網(微信小程序):一個IT技術社區,對大家很有幫助的,都有超前的技術分享
在這里插入圖片描述
2、江小魚(公眾號):一個分享程序人生或者經驗哲理的公眾號
在這里插入圖片描述
3、網站:暫時還沒想好放什么,不過后續想好會放上去
在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM