Vue.js Vuex循环对象数组并为key:value创建条件语句

我正试图通过VueX拉入数据，并在对象数组上迭代以获得菜单代码。我已成功获取所需数据，但我需要根据以下条件显示/隐藏按钮：

如果菜单代码中的所有数据都为空，则不显示该按钮。 如果一个或多个菜单代码数据为！==空，显示按钮

不确定是否将hasCode数据正确链接到按钮

//MenuPage.vue 如果没有菜单代码，请隐藏我 进口{ Vue， 组成部分 看 道具 }来自“vue属性装饰器”； 进口{ 名称空间 }来自“vuex类”； 从.././models/menu/MenuItem导入菜单项； 导出默认类菜单页扩展Vue{ @名称空间'menu'。状态'items'项！：MenuItem[]； hasCode=true； hasMenuCode{ 对于let i=0；i} 根据您的需求，您需要返回是否有任何项具有菜单\ U代码，否则循环将继续，并且它只获取此.items中最后一项的值

---

这就是Vue与TypeScript一起使用时的外观吗？在我看来不像Vue。看起来像AngularJS:D

hasMenuCode() {
  for (let i = 0; i < this.items.length; i++) {
    if (this.items[i].menu_code !== null) {
      this.hasCode = true;
      return
    } else {
      this.hasCode = false;
    }
  }
}

hasMenuCode() {
  return this.items.some(item => item.menu_code !== null)
}