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, 이름 : 'X'}

도 좋아할 때 사용

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

공백 반환

무엇이 문제 일 수 있습니까?

Answer 1

Array.prototype.find()은 일치하는 첫 번째 요소의 값을 반환하기 때문입니다. 대신 Array.prototype.filter()을 사용해야합니다. 또한, 하나 개의 층으로 함수/메소드 호출 랩을 해제 할 수 있습니다

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