小程序開發中必不可少的組件navigator，雖然使用頻率非常高，但是卻沒多少人能靈活運用。
先說navigator組件的用處：
它的主要用處是跳轉執行，跳轉可分為當前頁面內跳轉、前往頁面外部的跳轉。
其中，在官方文檔中有明確示例：

<view class="btn-area"><navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳轉到新頁面</navigator><navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在當前頁打開</navigator><navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切換 Tab</navigator><navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打開綁定的小程序</navigator> </view>

這些功能涵蓋了navigator的常用功能。

但是有時候跳轉效果達不到我們想要的怎么辦，將navigator的組件換成正常的view標簽，加上***bindtap***來執行跳轉，只是用了bindtap跳轉后就會失去navigator的優勢，比如打開速度等等。

navigator跳轉除了url上有不明顯的區別外，在open-type上各有區別，這里的open-type和view中的bindtap異曲同工。

轉載于:https://www.cnblogs.com/xiaobeiju/p/10224155.html

總結

以上是生活随笔為你收集整理的小程序导航组件navigator活学活用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。