小程序导航组件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异曲同工


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM