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

【报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

要回复问题请先登录注册