HarmonyOS鸿蒙Next中UI状态不刷新问题疑惑-emitter回调触发的异步状态变化在响应式作用域吗？

HarmonyOS鸿蒙Next中UI状态不刷新问题疑惑-emitter回调触发的异步状态变化在响应式作用域吗？ 根据遇到的问题，弄了个小demo代码链路（无法运行，只是简单描述）。问题：我在Tab页A，打开CustomDialog弹窗，操作（删除了文件，数据库字段对应变化），关闭CustomDialog弹窗时触发emit。然后前往Tab页B，Tab页面根据回调触发对应的方法，查数据库字段，刷新页面。我目前测试某个list节点，我发现UI对应状态图标基本不刷新，查日志，数据库，字段也是对的，但UI就是没有变化。我试了很多次，基本上就第一次小概率刷新UI，后面都不刷新了，我得重新打开文件或者重启应用，对应状态才会是更新后的。 请问这是什么原因？

// ============================================================
// 问题：emitter 回调中异步修改 @Trace 数组，UI 不刷新
// 环境：API 12+, @ComponentV2, @Trace
// ============================================================
import { emitter } from '@kit.BasicServicesKit'

// ---- 状态枚举----
enum NodeState {
  StateA = 0,
  StateB = -1,
  StateC = -2,
  StateD = 1,
  StateE = 2
}

// ---- 从 DB 读出的原始数据模型 ----
class RawNodeInfo {
  name: string = ''
  catalog: string = ''
  markedFlag: boolean = false    // 关键字段：DB 中标记某文件是否已完成
}

// ---- UI 用的列表项模型 ----
@ObservedV2
class ListItemModel {
  rawInfo: RawNodeInfo | undefined
  @Trace uiState: NodeState | undefined
}

// ---- 辅助：状态→颜色 ----
function stateToBgColor(s: NodeState | undefined): string {
  if (s === NodeState.StateB) return '#FFF7E6'
  if (s === NodeState.StateC) return '#E6F7FF'
  if (s === NodeState.StateA) return '#FFF1F0'
  return '#F6FFED'
}

function stateToFontColor(s: NodeState | undefined): string {
  if (s === NodeState.StateB) return '#FA8C16'
  if (s === NodeState.StateC) return '#1890FF'
  if (s === NodeState.StateA) return '#FF4D4F'
  return '#52C41A'
}

function stateToLabel(s: NodeState | undefined): string {
  if (s === NodeState.StateB) return '标签B'
  if (s === NodeState.StateC) return '标签C'
  if (s === NodeState.StateA) return '标签A'
  return '标签D'
}

// ---- ViewModel----
class DemoViewModel {
  @Trace nodeList: Array<ListItemModel> = []

  async initList(): Promise<void> {
    // 模拟从数据库查询原始数据
    const dbRows: RawNodeInfo[] = await this.queryDB()
    // 新建数组、逐条构建
    const newList: ListItemModel[] = []
    for (const row of dbRows) {
      const item = new ListItemModel()
      item.rawInfo = row
      // 根据关键字段决定 UI 状态
      if (!row.markedFlag) {
        item.uiState = NodeState.StateB          // 标记为 StateB
      } else {
        item.uiState = NodeState.StateC          // 否则 StateC
      }
      newList.push(item)
    }
    this.nodeList = newList
  }
}

// ---- PageA：某操作后更新 DB，发事件通知刷新 ----
@ComponentV2
struct PageA {
  doAction() {
    // 1. 更新 DB（把某条记录的 markedFlag 置 ,假设 return [{ name: '条目A', catalog: 'cat01', markedFlag: false }] ）
    
    // 2. 通知 PageB 刷新
    emitter.emit('refreshNodeList', {})
  }

  build() {
    Button('操作并刷新列表').onClick(() => this.doAction())
  }
}

// ---- PageB：监听到事件后刷新列表----
@ComponentV2
struct PageB {
  @Local vm: DemoViewModel = new DemoViewModel()

  aboutToAppear(): void {
    this.vm.initList()
    emitter.on('refreshNodeList', this.onRefresh)
  }

  aboutToDisappear(): void {
    emitter.off('refreshNodeList', this.onRefresh)
  }

  // emitter 回调
  private onRefresh = async () => {
    await this.vm.initList()
  }

  build() {
    Column({ space: 14 }) {
      Row({ space: 10 }) {
        Text('名称').fontWeight(FontWeight.Bold).layoutWeight(1)
        Text('状态').fontWeight(FontWeight.Bold).width('20%')
        Text('操作').fontWeight(FontWeight.Bold).width('8%')
      }
      .padding({ left: 20, right: 20 }).height(40).width('100%')

      List() {
        ForEach(this.vm.nodeList, (item: ListItemModel) => {
          ListItem() {
            Row({ space: 10 }) {
              // 名称
              Text(item.rawInfo?.name ?? '').layoutWeight(1)
              // 状态标签 — 不刷新
              Text(stateToLabel(item.uiState))
                .fontSize(13)
                .fontColor(stateToFontColor(item.uiState))
                .backgroundColor(stateToBgColor(item.uiState))
                .borderRadius(4)
                .padding({ top: 3, bottom: 3, left: 8, right: 8 })
              // 操作图标 — 不刷新
              Column() {
                SymbolGlyph($r('sys.symbol.arrow_clockwise'))
                  .fontWeight(FontWeight.Bold)
                  .visibility(
                    item.uiState === NodeState.StateB
                      ? Visibility.Visible : Visibility.None
                  )
              }.width('8%')
            }
            .padding({ left: 20, right: 20 })
            .height(60)
            .width('100%')
          }
        }, (item: ListItemModel) =>
          `${item.rawInfo?.catalog}_${item.uiState}`
        )
      }
      .layoutWeight(1).width('100%')
    }
    .width('100%').height('100%')
  }
}

// ============================================================
// 现象：
//   onRefresh 中 await initList() 正常执行，
//   vm.nodeList 被赋了新数组，各 item.uiState 值正确，
//   日志可证：数组引用变了、字段值也变了。
//
//   但 ForEach 渲染的：
//     - Text 标签颜色和文字不变
//     - SymbolGlyph 图标的 visibility 不切换