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

转载于:https://www.cnblogs.com/xiaobeiju/p/10224155.html

小程序导航组件navigator活学活用相关推荐

微信小程序导航组件 navigator使用
文章目录一.微信小程序导航组件 navigator使用二.路由跳转页面传参&接收参数一.微信小程序导航组件 navigator使用 //pages/index/index <nav ...
微信小程序导航组件——电影界面
页面一 WXML: <view class=""> <swiper autoplay class="movie-swiper" indicat ...
做了一个公众号关联小程序，看看干了哪些活。
做了一个公众号关联小程序,看看干了哪些活. 断断续续的基本上做了两个月啊. 后台部分: 自己的服务器后台: 1.利用成熟的thinkphp框架,开始阶段快速形成一些接口,存入数据到数据库里 ...
微信小程序导航：免费视频+精品教程+DEMO集合（长期更新）
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
微信小程序常用组件
微信小程序组件的官网地址: https://developers.weixin.qq.com/miniprogram/dev/component/ 一.View View代替了原来的 div标签 &l ...
微信小程序之组件 —— 微信小程序教程系列（19）
什么是组件: 组件是视图层的基本组成单元. 组件自带一些功能与微信风格的样式. 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内. <tagname property ...
七.导航组件navigator
导航组件 navigator 页面链接属性类型默认值说明 target string self 在哪个目标上发生跳转, 默认当前小程序 url string 当前小程序内的跳转链接 open- ...
八月微信小程序导航：官方文档+精品教程+demo集合（8月25...
2019独角兽企业重金招聘Python工程师标准>>> 1:官方工具: https://mp.weixin.qq.com/debug/w ... tml?t=147643467846 ...
微信小程序导航：官方文档+精品教程+demo集合（5月31日更新)
官方文档 1:官方工具:https://mp.weixin.qq.com/debug/w - tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/d ...

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

小程序导航组件navigator活学活用相关推荐

最新文章

热门文章