Vue/Nuxt：如何在 vuex 商店中访问 Nuxt 实例？

Question

我想写一个 getter 从 vuex 存储文件返回 this.$nuxt.$loading。 (https://nuxtjs.org/api/configuration-loading/)

这个问题与我的另一个问题有关：Nuxt/Vue: How to position custom loading component

现在我想听这个加载属性来在页面中显示我的加载组件。

Loading 属性如下所示：

所以我想从 vuex 商店返回 this.$nuxt.$loading.data.$route.show。如果是真的，我想展示我的自定义加载器，如果它是假的，当然不会。

为此，我想访问this.$nuxt，但这在我的 vuex 商店中是未定义的。它只存在于我的组件中...... 我试过$nuxt - 结果相同。

我不知道这是否正确，或者至少是实现我想要的一种方式，我绝对愿意接受建议。

提前致谢。 干杯

Answer 1

我用this._vm。

如果你在 Vuex 中使用 console.log(this)，你可以在那里看到它。

Answer 2

您可以为此使用 window.$nuxt。