HarmonyOS 鸿蒙Next 应用使用tab进行切换页签时的问题：当在第3个tab的孙子页面点击需要跳转到第二个tab的页面 无法实现

发布于 1周前 作者 itying888 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 应用使用tab进行切换页签时的问题：当在第3个tab的孙子页面点击需要跳转到第二个tab的页面 无法实现

在homepage页面中 有四个tab
Tabs({ controller: this.mTabController, barPosition: BarPosition.End }) {
  ForEach(this.mTabIcons, (item: ThemeTabs, index: number) => {
    TabContent() {
      if (index == 0) {
        ***Page()
      } else if (index == 1) {
        ***()
      } else if (index == 2) {
        Find()
      } else if (index == 3) {
        MineIndex()
      }
    }.tabBar(this.getTabBarCust(this.mTabIcons[index]))
  })
}
.scrollable(false)
.animationDuration(0)
.barHeight(50 + this.bottomRectHeight)
.barBackgroundColor(this.themeColors[0])
.tabIndex(this.curIndex)
.id(‘home_page’)
.alignRules({
  middle: { anchor: ‘container’, align: HorizontalAlign.Center },
  center: { anchor: ‘container’, align: VerticalAlign.Center }
})
.onChange((index) => {
  this.curIndex = index
})

我现在在 MineIndex()页面的三级页面中  有做任务功能 要求点击按钮之后 跳转 Find()所在页面  应该如何实现？？？？

我采用了两种方法 

1.通过tabindex的值进行改变  但是问题是  当我在MineIndex()的一级页面中 点击跳转Find()是可以正常跳转的   当我进入到MineIndex()的二级页面中   跳转失效  具体做法如下

@Provide @Watch(‘changeTab’) curIndex: number = 0
changeTab() {
  this.mTabController.changeIndex(this.curIndex)
} 通过监听curIndex的值 在MineIndex()中消耗curIndex   当点击某处 改变curIndex 的值 可以正确跳转  当进入二级页面后跳转失败…

2.我通过点击做任务按钮 跳转到homepage首页  通过传递curIndex 参数  实现tab的切换  问题是 跳转后tab的title和图标确实按照传递curIndex 参数索引更改了  但是页面内容还是第一个tab的内容    页面内容和tab的选中标签不匹配 …

getRouterPath(“entry”, “HomePage”).then((path: string) => {
  router.pushUrl({ url: path ,params:{curIndex:2}})
})

这两种方法全部失败  请路过的大佬帮我看看 还有什么解决方法吗？

Harmonyos Next教程
2 回复
已解决 采用第二种方法 增加延时操作

在HarmonyOS鸿蒙Next应用开发中，若遇到在第三个tab的孙子页面点击无法跳转到第二个tab页面的情况，这通常与页面路由管理和Tab栏状态管理有关。以下是一些可能的解决方案方向：

  1. 检查路由配置：确保应用中的页面路由配置正确，特别是从孙子页面到目标页面的跳转路径是否已正确设置。

  2. Tab状态管理：在点击跳转时，需要正确更新Tab栏的状态。检查是否有代码逻辑阻止或忽略了Tab的切换请求。

  3. 事件传递：如果使用了事件总线或状态管理库（如Vuex、Redux等），确保事件能够正确传递并触发Tab切换的逻辑。

  4. 权限和条件限制：检查是否有权限或条件限制阻止了页面的跳转。

  5. 调试和日志：增加调试日志，检查跳转过程中的变量状态和函数调用情况，以便定位问题。

  6. 代码审查：回顾相关代码，特别是与页面跳转和Tab管理相关的部分，确保没有逻辑错误。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部