自定义tarbar 点击 闪烁
发布于 5 年前 作者 laiwei 1408 次浏览 来自 官方Issues

默认tarbar图标显示第一亮 ,当点击第二页时,页面跳了,tarbar图标会闪烁一下,变为第一个亮

3 回复

官方代码片段

https://developers.weixin.qq.com/s/jiSARvmF7i55

注意:如需实现 tab 选中态,要在当前页面下,通过 getTabBar 接口获取组件实例,并调用 setData 更新选中态。可参考代码示例。

data.selected的问题。你在0页面的data.selected值,和1页面的data.selected值不是同一个。

1.你点击tabBar[1]的时候,0页面的selected=1,然后跳转到1页面,此时1页面的selected=0,所以,tabBar选中的是tabBar[0]。

2.反之,在执行玩上面的操作后。你点击tabBar[0]的时候,1页面的selected=0,跳转到0页面,0页面selected=1(在上一个步骤的时候就已经变了);所以,tabBar选中的是tabBar[1]。

3.而后,如果你点了tabBar[0]后,再点tabBar[0],tabBar选中的就是tabBar[0]了

解决方案如@思南所说。官方文档的实例index页面用的是Component,你也可以使用Page直接使用

getTabBar接口的。

在当前页面下,通过 getTabBar 接口获取组件实例,并调用 setData 更新选中态

然后组件只做跳转即可。

回到顶部