vuex Getter mit dem Argument in Typoskript geschrieben

Question

Man kann einen vuex Speicher Getter erstellen, die einen Parameter Argument wie hier abgebildet: https://vuex.vuejs.org/en/getters.html

Ich verwende Typoskript (https://github.com/hmexx/vue_typescript_starter_kit) mein Code zu schreiben, aber ich kann nicht verstehen heraus, wie man einen Getter schreibt, der ein Parameterargument benötigt. dh das folgende nicht zu funktionieren scheint:

export function getItemById(state : State, id : Number) : MyItem | undefined  { 
    if(id === undefined) { 
    return undefined; 
    } 
    for(const item of state.items) { 
    if(item.id === id) { 
     return item; 
    } 
    } 
    return undefined; 
} 

export default <GetterTree<State, any>> { 
    getItemById 
}; 

Answer 1

basierend auf vuex docs Sie folgende implementieren können:

getters: { 
    // ... 
    getTodoById: (state, getters) => (id) => { 
    return state.todos.find(todo => todo.id === id) 
    } 
} 
store.getters.getTodoById(2) // -> { id: 2, text: '...', done: false } 

in Typoskript Sie könnte etwa so versuchen:

export default { 
    getItemById(state: State, getters: any) { 
    return (id: number) => { 
     return state.items.find(item => item.id === id); 
    } 
    } 
}