Vuex getter(인수가 Typescript에 기록됨)

Vuex getter(인수가 Typescript에 기록됨)

vuex store getter를 생성할 수 있습니다.이것에 대해서는, 다음의 그림에서 나타내는 파라메타 인수를 사용합니다.

Typescript(https://github.com/hmexx/vue_typescript_starter_kit))를 사용하여 코드를 쓰고 있는데 파라미터 인수를 사용하는 getter를 작성하는 방법을 알 수 없습니다.즉, 다음 기능이 작동하지 않는 것 같습니다.

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

vuex 문서를 기반으로 다음 기능을 구현할 수 있습니다.

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

타이프 스크립트에서는, 다음과 같은 조작을 실시할 수 있습니다.

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

언급URL : https://stackoverflow.com/questions/47163495/vuex-getter-with-argument-written-in-typescript