Vue/Nuxt: How can I access Nuxt instance in vuex store?

Question

I would like to write a getter to return this.$nuxt.$loading from a vuex store file. (https://nuxtjs.org/api/configuration-loading/)

This question is linked to my other question: Nuxt/Vue: How to position custom loading component

And now I thought of listening to this loading property to display my Loading component within the page.

The Loading property looks like this:

So I would like to return this.$nuxt.$loading.data.$route.show from the vuex store. If it is true, I want to show my custom loader and if its false not – of course.

To do that I would like to access this.$nuxt but this is undefined in my vuex store. It is only present in my components... I tried $nuxt – same result.

I don't know if this is right or at least one way to achieve what I want, and I am definitely open for suggestions.

Thanks in advance. Cheers

QuiOui · Accepted Answer · 2018-11-04 23:57:54Z

5

You can use window.$nuxt for this.

answered Nov 4, 2018 at 23:57

QuiOui

1251 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

agm1984 Over a year ago

I get ERROR window is not defined

QuiOui Over a year ago

Sorry, should've mentioned this doesn't work when using SSR.

agm1984 · Accepted Answer · 2021-06-10 16:35:36Z

1

I used this._vm.

You can see it in there if you do console.log(this) in Vuex.

answered Jun 10, 2021 at 16:35

agm1984

17.4k6 gold badges108 silver badges120 bronze badges

Collectives™ on Stack Overflow

Vue/Nuxt: How can I access Nuxt instance in vuex store?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related