鸿蒙 Navigation组件下的组件获取pageStack问题

前情提要

最近学了下鸿蒙开发,刚入坑,问题不少,记录一下。

问题描述

在Navigation下的HomePage组件,通过Provide、Consume获取pageStack

在HomePage组件中 @Builder 定义的WaterItem 下的点击事件获取this.pageStack为undefined

typescript 复制代码
// 主入口文件
@Entry
@Component
struct IndexPage {
  @Provide('pageStack') pageStack: NavPathStack = new NavPathStack()

  build() {
      Navigation(this.pageStack) {
          HomePage()
      }
      .width('100%').height('100%').backgroundColor('#FFFFFF')
      .hideTitleBar(true)
      .hideToolBar(false)
  }
}

HomePage组件代码

typescript 复制代码
// HomePage 组件
@Component
struct HomePage {
  @Consume('pageStack') pageStack:NavPathStack;

  abc: number = 1;

  dataSource: WaterFlowDataSource = new WaterFlowDataSource();

  @Builder
  WaterItem(item: TGridItem) {
    Column(){
        Button('跳转')
          .width('70vp')
          .height('30vp')
          .backgroundColor('#000000')
          .fontColor('green')
          .onClick(()=> {
		      this.pageStack.pushPathByName('Detail', null)
		  })
	}
  }

  build() {
     Column(){
       WaterflowList({
         gridData: this.dataSource,
         waterflowItemParam: this.WaterItem
       })
         .width('100%')
         .height('100%')
     }
    .width('100%')
    .height('100%')
  }
}

这里this.pageStack是undefined会直接导致闪退,this.abc是可以直接获取到值的。

解决方案:

这里换成这个写法,就可以了。

typescript 复制代码
waterflowItemParam: item => { this.WaterItem(item) }

原因不太清楚,this 指向问题?但是为什么能访问到abc?

相关推荐
Georgewu9 天前
【HarmonyOS 5】鸿蒙跨平台开发方案详解(一)
flutter·harmonyos
万少9 天前
重磅推出 🔥 HarmonyOS AI 助手 CodeGenie V6 的使用教程
前端·harmonyos
我睡醒再说9 天前
纯血HarmonyOS5 打造小游戏实践:绘画板(附源文件)
harmonyos
我睡醒再说9 天前
HarmonyOS 5 ArkTS Worker线程:构建高性能移动应用的并行计算引擎
harmonyos
我睡醒再说9 天前
纯血HarmonyOS5 打造小游戏实践:扫雷(附源文件)
harmonyos
二流小码农9 天前
鸿蒙开发:基于node脚本实现组件化运行
android·ios·harmonyos
Moximxxx9 天前
Harmory Next 下拉刷新 悬浮loading效果
harmonyos
中雨202510 天前
HarmonyOS Next快速入门:类型定义和国际化
harmonyos
ChinaDragon10 天前
HarmonyOS:使用命令行CMake构建NDK工程
harmonyos
ChinaDragon10 天前
HarmonyOS:使用DevEco Studio模板构建NDK工程
harmonyos