Vue/Nuxt:如何在 vuex 商店中访问 Nuxt 实例?

     2023-02-19     30

关键词:

【中文标题】Vue/Nuxt:如何在 vuex 商店中访问 Nuxt 实例?【英文标题】:Vue/Nuxt: How can I access Nuxt instance in vuex store? 【发布时间】:2018-12-19 12:19:12 【问题描述】:

我想写一个 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 - 结果相同。

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

提前致谢。 干杯

【问题讨论】:

【参考方案1】:

我用this._vm

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

【讨论】:

【参考方案2】:

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

【讨论】:

我收到ERROR window is not defined 对不起,应该提到这在使用 s-s-r 时不起作用。

如何在 Vuex 商店模块状态中访问“this”

】如何在Vuex商店模块状态中访问“this”【英文标题】:Howtoaccess\'this\'inVuexstoremodulestate【发布时间】:2018-05-1901:40:04【问题描述】:例如,假设我有一个这样的“商店”目录:...store├──auth│  └──user.js└──index.js...inde... 查看详情

如何在辅助函数中访问 Vuex 商店?

】如何在辅助函数中访问Vuex商店?【英文标题】:HowtoaccessVuexstoreinhelperfunctions?【发布时间】:2017-12-0519:08:03【问题描述】:对于通过api_token进行的vue-axios身份验证,我使用帮助文件api.js。我收到错误-未捕获的类型错误:无法... 查看详情

Vuex 在开始时从 API 调用中填充数据

...单的问题,我真的是Vue/Nuxt/Vuex的新手。我目前有一个vuex商店,我希望能够在开始时使用API调用填充list(这样我就可以直接从商店访问我的应用程序的所有页面在组件中实例化它)。store.jsexportconststat 查看详情

如何使用 Nuxt 和 Jest 在 Vuex 商店测试中访问 this.app 和/或注入插件

】如何使用Nuxt和Jest在Vuex商店测试中访问this.app和/或注入插件【英文标题】:Howtoaccessthis.appand/orainjectedplugininaVuexstoretestwithNuxtandJest【发布时间】:2019-09-2019:37:35【问题描述】:在Vuex存储操作中,我使用this.app.router和注入属性$al... 查看详情

如何在 Vue.js - Nuxt - TypeScript 应用程序中访问路由参数?

】如何在Vue.js-Nuxt-TypeScript应用程序中访问路由参数?【英文标题】:HowtoaccessroutingparametersinVue.js-Nuxt-TypeScriptapplication?【发布时间】:2018-07-0109:00:24【问题描述】:我正在构建一个基于NuxtTypeScriptStarter模板的网站。我在我的pages... 查看详情

在 vuex 商店中访问 app.config.globalProperties

】在vuex商店中访问app.config.globalProperties【英文标题】:Accessapp.config.globalPropertiesinvuexstore【发布时间】:2021-09-2416:40:44【问题描述】:我有一个像这样的vuex商店:conststate=status:\'\',;constgetters=//...;constactions=//...;constmutations=//...;e 查看详情

如何在 Nuxt 中从另一个访问一个 Vuex 状态?

】如何在Nuxt中从另一个访问一个Vuex状态?【英文标题】:HowtoaccessoneVuexstatefromanotherinNuxt?【发布时间】:2020-10-2613:43:34【问题描述】:我在Nuxtstore目录中有两个Vuex存储。即使通过routeState,我也无法从另一家商店访问一家商店的... 查看详情

如何在 vuex 的挂载函数中访问存储数据

】如何在vuex的挂载函数中访问存储数据【英文标题】:Howtoaccessstoredatainmountedfunctioninvuex【发布时间】:2019-11-0723:39:02【问题描述】:我有一个名为App.vue的根组件。和另一个名为FileUploaderParent.vue的组件。我正在调用调度承诺以... 查看详情

在 NUXT 中使用 vue-apollo 从 Vuex 商店访问 this.$apollo?

】在NUXT中使用vue-apollo从Vuex商店访问this.$apollo?【英文标题】:Accesstothis.$apollofromVuexstorewithvue-apolloinNUXT?【发布时间】:2020-08-2506:30:34【问题描述】:我想将来自登录的用户存储在vuex商店中的操作上。但是无法访问this.$apollo。ex... 查看详情

我可以在 Vuex 商店中使用它吗?

】我可以在Vuex商店中使用它吗?【英文标题】:CanIusethisinVuexstore?【发布时间】:2020-10-1308:57:44【问题描述】:我使用vue-cookies和vue-resource创建项目,我尝试使用this.$cookies.get(\'my-cookie\')访问cookie并使用this.$http.post(\'URL\')请求我... 查看详情

无法在动作中访问 vueX 中的对象值

...ns【发布时间】:2020-05-0714:39:11【问题描述】:我正在VueX商店中编写一个方法,将转换为json的对象上传到Firebase。在操作中的vuex商店中,我创建了一个名为scheduleTickets(purchase)的方法,但在这些方法中我无法访问购买对象中的值... 查看详情

如何确保我的 vuex 商店在路由器中可用

】如何确保我的vuex商店在路由器中可用【英文标题】:Howtoensurethatmyvuexstoreisavailableinrouter【发布时间】:2020-07-0522:30:03【问题描述】:美好的一天,我正在做一个同时使用vue-router和vuex的vue项目在应用程序中,只要登录成功,我... 查看详情

如何从 javascript/typescript 模块文件(导入/导出)访问 Vuex 商店?

】如何从javascript/typescript模块文件(导入/导出)访问Vuex商店?【英文标题】:HowtoaccessVuexstorefromjavascript/typescriptmodulesfiles(import/export)?【发布时间】:2019-03-0502:14:13【问题描述】:我有一个vue应用程序。如何从javascript/typescript模... 查看详情

Vue/Apollo:apollo 会关心缓存已经访问过的页面,还是我必须将它们保存在我的商店中?

...心缓存已经访问过的页面,还是我必须将它们保存在我的商店中?【英文标题】:Vue/Apollo:WillapollocareaboutcachingalreadyvisitedpagesordoIhavetosavetheminmystore?【发布时间】:2020-01-0512:42:27【问题描述】:我正在使用apollo和vue(nuxt)构建一个... 查看详情

如何在 Vue 2 Vuex 商店中使用 $route?

】如何在Vue2Vuex商店中使用$route?【英文标题】:Howtouse$routeinVue2Vuexstore?【发布时间】:2021-12-0518:59:23【问题描述】:我有一个包含动态存储的Nuxt应用程序。这家商店有一个看起来像这样的方法:loadCampaign(commit,dispatch,state)trycons... 查看详情

在 Vuex 商店中使用 vue-router

】在Vuex商店中使用vue-router【英文标题】:Usingvue-routerinVuexstore【发布时间】:2017-12-1819:46:57【问题描述】:我想使用vue-router从Vuex商店路由到新组件。是否可以从Vuex商店访问路由器?我已经看到了一堆关于它的线程,但没有什... 查看详情

如何在 VueJS test-utils parentComponent 中模拟 Vuex 商店

】如何在VueJStest-utilsparentComponent中模拟Vuex商店【英文标题】:HowtomockaVuexstoreinVueJStest-utilsparentComponent【发布时间】:2019-02-2720:46:37【问题描述】:我正在使用Jest和vue-test-utils尝试测试子组件是否对父组件中的$emit事件作出反应。... 查看详情

如何将 Vuex 添加到我的 Laravel Nova 工具中?

】如何将Vuex添加到我的LaravelNova工具中?【英文标题】:HowdoIaddVuextomyLaravelNovaTool?【发布时间】:2020-02-1912:59:23【问题描述】:如何将Vuex商店添加到我自定义生成的LaravelNova工具中?我在medium上找到了这篇关于该主题的帖子,但... 查看详情