HarmonyOS 鸿蒙Next:Menu菜单动态添加数据,显示列表

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

HarmonyOS 鸿蒙Next:Menu菜单动态添加数据,显示列表

目前需要弹窗菜单栏,但是菜单栏的内容是变化的,直接写死是可以的
@Builder
SubMenu() {
Menu() {

MenuItem({ content: “复制”, labelInfo: “Ctrl+C” })
MenuItem({ content: “粘贴”, labelInfo: “Ctrl+V” })
}
}

如何去动态添加,这样循环加会报错:
 

@State a: number = 0
@Builder
SubMenu() {
Menu() {
while (this.a < 1000) {
this.a++
MenuItem({ content: “复制”, labelInfo: “Ctrl+C” })
}

}
}

2 回复
const menuItems: MenuItemData[] = [{
  content: "复制",
  labelInfo: "Ctrl+C"
}]

Menu(){ Repeat(this.menuItems).each(item=>{ MenuItem({content: item.item.content,labelInfo: item.item.labelInfo}) }).key(item=> item.labelInfo) }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-new-rendering-control-repeat-V5

HarmonyOS 鸿蒙Next中,Menu菜单动态添加数据并显示列表,可以通过编程方式实现。首先定义菜单项的数据结构,如使用数组存储菜单项信息。然后,在界面构建过程中,通过循环遍历该数组,动态创建并添加MenuItem到Menu中。最后,将Menu绑定到相应的UI组件上以实现显示。如果问题依旧没法解决,请加我微信,我的微信是itying888。

回到顶部