小程序导航组件navigator活学活用

小程序开发中必不可少的组件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异曲同工。