1***@qq.com
1***@qq.com
  • 发布:2024-11-18 15:45
  • 更新:2024-12-06 14:43
  • 阅读:326

【报Bug】uni.setTabBarItem方法修改完tabbar之后 H5页面一刷新 tabbar就会消失

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11, version 23H2

HBuilderX类型: 正式

HBuilderX版本号: 4.08

浏览器平台: Chrome

浏览器版本: 130.0.6723.119

项目创建方式: HBuilderX

示例代码:

tabBarNav(key, path) {
console.log(key)
let tabBarList = getApp().globalData.tabBar[key]
if (!tabBarList) {
console.error('No tabBar data found for key:', key)
return
}

复制代码  tabBarList.forEach((v, i) => {  
    console.log('Setting tabBar item at index:', i, v)  
    uni.setTabBarItem({  
      index: i, // tabbar索引,第一个为0  
      pagePath: v.pagePath, // tabbar页面路径  
      text: v.text,  
      iconPath: v.iconPath, // tabbar默认图片路径  
      selectedIconPath: v.selectedIconPath, // tabbar选中后的图片路径  
      visible: true,  
    })  
  })  
  if (key == 'landlord') {  
    uni.setTabBarItem({  
      index: 3,  
      visible: false,  
    })  
  } else {  
    uni.setTabBarItem({  
      index: 3,  
      visible: true,  
    })  
  }  
  uni.switchTab({  
    url: path,  
  })  
},

操作步骤:

刷新浏览器之后就会消失

预期结果:

tabbar不会消失

实际结果:

tabbar会消失

bug描述:

h5 使用这个方法uni.setTabBarItem 修改tabBar之后 也能正常跳转切换 但是一刷新之后tabbar就会消失了

2024-11-18 15:45 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

这个不会被缓存的 你都刷新页面了 整个项目都会重新加载的
你可以在页面打开的时候重新修改一下

  • 1***@qq.com (作者)

    这个已经解决了 感谢

    2024-11-25 18:09

1***@qq.com

1***@qq.com

你好,请问这个问题是怎么修复的,方便说下吗(o゚v゚)ノ

  • 1***@qq.com

    已修复,在 onShow() 中使用 uni.switchTab 重新跳转到目标页面即可

    2024-12-10 11:55

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容