Vuex Getter 挂钩参数

Question

我用这样的参数定义了一个 vuex getter 函数：

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

现在，我想在我的组件中使用这个 getter，但是我找不到将参数传递给 getter 的方法。

这是我的 getter 钩子计算属性:

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

是否可以将来自路由器的 Id 参数传递给“getProjectId”getter？如果可能的话，最好的方法是什么？

Answer 1

添加另一个名为 projectById 的计算属性，它将路由参数作为参数，returns 项目 :

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

},

Vuex Getter 挂钩参数

Vuex Getter Hook with Params

vue.js

vue-router

vue-component

vuex

vuejs2