鸿蒙开发中bindPopup 不显示内容？

Question

鸿蒙开发中bindPopup 不显示内容？通过 bindPopup 绑定气泡提示，第一次点击可以弹窗 popup，之后无论怎么点击都无法弹出。
场景描述：无法提供最小化demo，经过 demo 测试，在渲染多个 popup 时频繁切换点击触发后，会偶现点击不显示的问题。
代码如下：

@Component 
export struct PopupItem { 
  @State handlePopup: boolean = false 
  build() { 
    Button('PopupOptions') 
      .onClick(() => { 
        this.handlePopup = !this.handlePopup 
      }) 
      .bindPopup(this.handlePopup， { 
        width: 300， 
        message: 'This is a popup with PopupOptions'， 
        arrowPointPosition: ArrowPointPosition.START， // 设置箭头的位置 
        backgroundBlurStyle: BlurStyle.NONE， // 关闭气泡的模糊背景 
        popupColor: Color.Red， // 设置气泡的背景色 
        autoCancel: true， 
      }) 
  } 
} 
 
 
@Component 
export struct PopupTest { 
  @State list: number[] = [1， 2， 3， 4， 5] 
 
  build() { 
    Column({ space: 20 }) { 
      ForEach(this.list， () => { 
        PopupItem() 
      }) 
    } 
  } 
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

具体解决方案：

@Entry 
@Component 
export struct PopupTest { 
  @State list: number[] = [1， 2， 3， 4， 5] 
  @State isHoverText: Array<boolean> = new Array<boolean>(this.list.length).fill(false) 
  // @State handlePopup: boolean = false 
  build() { 
    Column({ space: 20 }) { 
      ForEach(this.list， (item: number， index: number) => { 
        Button('PopupOption' + item) 
          .onClick(()=>{ 
 
            this.isHoverText[index] = !this.isHoverText[index] 
          }) 
          .bindPopup(this.isHoverText[index]， { 
            width: 300， 
            message: 'This is a popup with PopupOptions'， 
            arrowPointPosition: ArrowPointPosition.START， // 设置箭头的位置 
            backgroundBlurStyle: BlurStyle.NONE， // 关闭气泡的模糊背景 
            popupColor: Color.Red， // 设置气泡的背景色 
            autoCancel: true， 
            onStateChange: (e) => { 
              console.info(JSON.stringify(e.isVisible)) 
              if (!e.isVisible) { 
                this.isHoverText[index] = false 
              } 
            } 
          }) 
      }) 
    } 
  } 
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。