根据vuejs上映射的计算属性生成计算属性

Question

我需要使用映射状态的值来生成另一个计算属性。

computed: {
    ...mapState({
      items: (state) => state.items.items,
    }),
    isFood:  this.items.find(
          (item) => item.category == "Food"
        ) !== undefined
  },

当我尝试运行这个程序时，我会得到Cannot read property 'items' of undefined的错误。

Answer 1

您正在尝试在this.items.find的声明时调用isFood --这还不存在。使其成为一种功能：

isFood() {
  return this.items.some((item) => item.category === "Food");
},

我还将您的函数更改为使用some()，以便它在找到食物时不会麻烦地遍历其余的items数组。