Vuex Getter Hook dengan parameter

Question

Saya mentakrifkan fungsi getter vuex dengan parameter, kodnya adalah seperti berikut:

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

Sekarang, saya mahu menggunakan fungsi pengambil ini dalam komponen saya, tetapi saya tidak dapat mencari cara untuk menghantar parameter kepada pengambil.

Ini ialah sifat pengiraan cangkuk getter saya:

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

Adakah mungkin untuk menghantar parameter Id dari laluan ke pengambil "getProjectId"? Jika boleh, apakah pendekatan terbaik?

Answer 1

Tambahkan sifat pengiraan lain yang dipanggil projectById yang menerima parameter laluan sebagai hujah dan mengembalikan item:

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

},