帶有參數的Vuex Getter Hook

Question

我定義了一個有參數的vuex getter函數，程式碼如下：

const getters = {
        
        getProjectById: (state) => (id) => {
            return state.projects.find(project => project.id === id)
        }
}

現在，我想在我的元件中使用這個getter函數，但是我找不到一種方法來將參數傳遞給getter。

這是我的getter hook運算屬性：

computed: {
    ...mapGetters(["currentUserPhoto","getProjectById"])
},

有沒有可能將來自路由的Id參數傳遞給「getProjectId」getter？如果可能的話，最好的方法是什麼？

Answer 1

新增另一個計算屬性，名稱為 projectById，它接受路由參數作為參數，並傳回項目：

computed: {
    ...mapGetters(["currentUserPhoto","getProjectById"]),
   projectById(){
         return this.getProjectById(this.$route.params.id)
  }

},