微信小程序tabBar的显示和跳转问题

原创 2018年04月17日 16:28:32

    如下图所示,我们按照小程序官方文档,分别在pages目录下建立test1和test2两个页面。然后在app.json下注册。按理说在左侧模拟器下边会出现一个导航栏。可是事与愿违,调试器也没有报错或者警告。为什么会出现这一情况呢?

首先我们将以上代码做点小小的修改如下图所示。


可以看到现在左侧模拟器导航栏已经可以正常显示了。比较这两个图可以发现,我们只是在tabBar的list中把当前页面也加进去了。程序就可以正常显示了。所以这里有一个官方文档没有明确指出的约定俗成:当前页面一定是list中的一项

除此之外,在利用navigator做导航时要注意open-type属性的设置,当有tabBar的页面向没有tabBar的页面跳转时,需要设置为navigate或者redirect等。但是反过来,无tabBar的页面向有tabBar的页面跳转则必须设置open-type的值为switchTab。否则程序不能正常显示。


版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013910340/article/details/79976148

软件工程杂志《非程序员》第一期

软件工程杂志《非程序员》第一期名    称: 《非程序员》第一期设    计: UMLCHINA编    者: UMLCHINA联系邮件: think@umlchina.com 版    本: 第一期...
  • dbbdggdbbdgg
  • dbbdggdbbdgg
  • 2001-05-27 12:05:00
  • 695

微信小程序tabbar的跳转问题

如果在app.json 配置tabbar 的时候配置了 跳转的页面的链接; 在其余的子页面,设置用navigator 进行跳转会发现 在tabbar 设置过的页面无法进行跳转,这时需要在navig...
  • wy_Blog
  • wy_Blog
  • 2017-06-15 15:46:35
  • 2489

微信小程序 跳转至tabbar页面

微信小程序 跳转至tabbar页面 次级页面要返回tabbar的某一页面,可用: wx.switchTab({ url: '../b/b' }); 注意switchTab只能跳转...
  • UFO00001
  • UFO00001
  • 2017-06-01 10:54:29
  • 8906

微信小程序tabBar的显示和跳转问题

    如下图所示,我们按照小程序官方文档,分别在pages目录下建立test1和test2两个页面。然后在app.json下注册。按理说在左侧模拟器下边会出现一个导航栏。可是事与愿违,调试器也没有报...
  • u013910340
  • u013910340
  • 2018-04-17 16:28:32
  • 14

微信小程序 (3 tabBar及 页面跳转)

上篇文章完成了 home 页面的构建和跳转,这篇文章将会完成底部tabBar 以及点击每个 tabBar 跳转到对应的页面。完成如图:1、 新增 cart discounts my 页面按照 hom...
  • starleejay
  • starleejay
  • 2017-12-19 11:23:00
  • 1536

微信小程序 --- 无法跳转到tab页面问题

首先检查你的跳转方法,如果是wx.navigateTo(OBJECT)或者是wx.redirectTo(OBJECT)都是无法跳转的,在微信小程序中如果需要跳转到具有tab的页面必须使用wx.swit...
  • sinat_19327991
  • sinat_19327991
  • 2017-11-01 10:10:17
  • 729

微信小程序开发之选项卡(窗口底部TabBar)页面切换

微信小程序开发中窗口底部tab栏切换页面很简单很方便. 代码: 1.app.json //app.json { "pages":[ "pages/index/index", "...
  • qq_31383345
  • qq_31383345
  • 2016-10-23 11:02:13
  • 14964

微信小程序开发之选项卡(窗口顶部TabBar)页面切换

微信小程序开发中选项卡.在android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: 1.index.wxml 哈哈...
  • qq_31383345
  • qq_31383345
  • 2016-10-23 11:53:26
  • 55940

微信小程序开发过程中tabbar页面显示的相关问题及解决办法

在微信小程序的开发过程中如果有使用过tabbar的同学,我相信一定会遇到一些困扰。为什么有些时候代码中明明已经在app.json里面增加了tabbar,可以页面中就是不显示呢?可不可以有些页面显示ta...
  • TheBeauty2016
  • TheBeauty2016
  • 2017-03-29 14:35:53
  • 5573

微信小程序tabBar显示问题

在微信小程序的开发中,我遇到疑惑如下: 在app.json中定义了多个pages,一般微信小程序启动的时候,自动加载pages下的第一个页面, "pages": [             ...
  • u013401913
  • u013401913
  • 2016-10-25 20:16:49
  • 7366
收藏助手
不良信息举报
您举报文章:微信小程序tabBar的显示和跳转问题
举报原因:
原因补充:

(最多只允许输入30个字)