How to use vuex namespaced getters with arguments?

Question

I have issue when Im using vuex.

I have getters in namespaced module and I cant figurę out how to get the data with Ii when Im passing some arguments.

this.$store.getters.feeders.getFeedersById(id)

And in maper.

...mapGetters({
   feeders: ['feeders/getFeedersById'](this.id)

Getting error like this getter is not a function. What else shoudl I do?

Have you seen this question on the official GitHub page maybe: https://github.com/vuejs/vuex/issues/688 — vahdet, Jan 23 '18 at 11:26
So, is the final edit the one working with namespaces? Maybe someone would come along with the same issue and can be able to see where s/he should fix ;) — vahdet, Jan 23 '18 at 12:35

score 24 · Accepted Answer · answered May 22 '18 at 06:37

feedersById(state) {
    return rowId => {
        if (state.feedersArray.hasOwnProperty(rowId)) {
            return state.feedersArray[rowId].map(id => state.feeders[id]);
        }

    }
},

feedersId() {
  if (this.rowData) {
   return this.$store.getters['feeders/feedersById'](this.rowData.ac_id);
  }
}

Okey I had some mistake there and now it works properly. Thanks!! :)

score 3 · Answer 2 · answered Jul 16 '18 at 17:15

3

You can also declare a getter function like this:

feedersById: (state) => rowID => {
  if (state.feedersArray.hasOwnProperty(rowId)) {
    return state.feedersArray[rowId].map(id => state.feeders[id]);
  }
}

answered Jul 16 '18 at 17:15

gbragamonte

95
7

score 1 · Answer 3 · edited Nov 01 '20 at 00:25

1

The easier way is to use name spaced getters:

computed(){
    ...mapGetters('feeders', ['getFeedersById'])
}

edited Nov 01 '20 at 00:25

Emma

27,428
11
44
69

answered Oct 31 '20 at 19:17

Nishan B

627
7
11

How to use vuex namespaced getters with arguments?

3 Answers3