Accessing rootState in Vuex getter

Question

How do you access rootState in getters?

const getters = {
  getParams: rootState => {
    return rootState.route.params
  },
}

The above doesn't work. How is this done?

More context is needed. Are you in a module? If you are, then you'd need `getParams: (state, getters, rootState) => { ... }`. — Bill Criswell, Feb 11 '17 at 02:45

score 113 · Accepted Answer · answered Feb 11 '17 at 03:29

113

If this getter is in a module rootState is the third arguments.

const getters = {
  getParams: (state, getters, rootState) => {
    return rootState.route.params
  }
}

answered Feb 11 '17 at 03:29

Bill Criswell

1

https://vuex.vuejs.org/api/#getters for further information. – Eido95 Oct 22 '20 at 10:14
Strangely, `rootState.route` is empty for me in a simple getter just like this one? – Eric Carmichael Jul 13 '21 at 04:02
1

If your file is typescript, write (state, getters, rootState: any) in order to have access to rootState – Adi Gonnen Dec 06 '22 at 11:01

1 Answers1