微信小程序 之 tabBar 和 navigator 一起使用 的问题

今天发现微信小程序的一个问题

问题主要是这样的,在开始开发之前 ,没有使用tabBar 所以使用 navigator 的时候,没有发现什么别的问题之后,以为开发尾期,要进行全面测试的时候,加入了tabBar,出现了原先使用 navigator 的地方,无法导航到 tabBar页面,开始很郁闷,找不到解决方法,百度也百度不出来。

看了下手册,发现小程序的手册上有这样的一段描叙

navigator

页面链接。

属性名 类型 默认值 说明
url String   应用内的跳转链接
redirect Boolean false wx.redirectTo(将被废弃,推荐使用 open-type)
open-type String navigate wx.switchTab的功能
hover-class String navigator-hover 时,没有点击态效果
hover-start-time Number 50 按住后多久出现点击态,单位毫秒
hover-stay-time Number 600 手指松开后点击态保留时间,单位毫秒

注:navigator-hover 默认为 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, <navigator/> 的子节点背景色应为透明色

感觉是open-type的问题,修改了下 open-type=’switchTab’ 发现可以正常打开 tabBar上面的页面,为测试是否正确,把页面从 tabBar删除后,在点击,又进不去了,把 navigator 上面的页面 open-type=’switchTab’ 去掉,可以正常访问、所以确定是这个问题。

结论:

放在tabBar上的页面,页面上使用 navigator 打开需要需要把 navigator 的 open-type 设置为 switchTab 如果不是在tabBar上的,默认就可以了!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

你需要开启你的javascript才可以哦!