Vuex arbeiten falsch

Question

meine vuex wie folgt aussieht:

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 
     }) 
    } 
    } 
} 

und mein berechnet:

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

seine gerade zurückkehrt {id: 10, classId: 1, Name: 'X'}

auch wenn ich wie

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

die classid erreichte aber gibt

zurück

Was könnte das Problem sein?

Answer 1

Das ist, weil Array.prototype.find() den Wert des ersten Elements zurückgibt, das übereinstimmt. Sie sollten stattdessen Array.prototype.filter() verwenden. Auch Sie Ihre Funktion/Methodenaufruf durch eine Schicht auspacken kann:

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