Vuex 工作错误

Question

我的 vuex 看起来像：

state: {
  loadedUsers: [
    { id: 10, classId: 1, name: 'X' },
    { id: 11, classId: 1, name: 'Y' },
    { id: 13, classId: 2, name: 'Z' }
  ]
}
getters: {
  loadedUsers (state) {
    return (classId) => {
      return state.loadedUsers.find((user) => {
        return user.classId === classId
      })
    }
  }
}

和我的计算：

computed: {
  users () {
    return this.$store.getters.loadedUsers(1)
  }
}

它只是返回 { id: 10, classId: 1, name: 'X' }

当我使用like时也

this.$store.getters.loadedUsers(this.$route.params.classid)

classid 到达但返回空

可能是什么问题？

Answer 1

这是因为Array.prototype.find() 返回匹配的first 元素的值。您应该改用Array.prototype.filter()。此外，您可以一层一层展开您的函数/方法调用：

getters: {
  loadedUsers (state) {
    return classId => state.loadedUsers.filter((user) => {
      return user.classId === classId
    })
  }
}