微信小程序> 小程序导航组件navigator活学活用

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

浏览量:1936 时间: 来源:沉默的小猴子

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

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎