如何在nuxt的store/action中访问i18n实例？

在nuxt的store/action中访问i18n实例，可以通过以下步骤实现：

首先，在nuxt项目的根目录下的plugins文件夹中创建一个新的插件文件，例如i18n.js。
在i18n.js文件中，引入vue-i18n库并创建一个新的VueI18n实例。可以使用npm或yarn安装vue-i18n库。

import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'en', // 设置默认语言
  messages: {
    en: {
      // 定义英文语言包
      // ...
    },
    zh: {
      // 定义中文语言包
      // ...
    }
  }
})

export default i18n

在nuxt.config.js文件中，将刚刚创建的插件文件添加到plugins配置中。

module.exports = {
  // ...
  plugins: [
    // ...
    { src: '~/plugins/i18n.js', ssr: true }
  ],
  // ...
}

在store的action中，通过this.app.i18n访问i18n实例。

export const actions = {
  someAction({ commit }) {
    const i18n = this.app.i18n
    // 使用i18n实例进行国际化处理
    // ...
  }
}

通过以上步骤，你可以在nuxt的store/action中访问i18n实例，并使用其提供的方法进行国际化处理。

关于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云官方文档或咨询腾讯云客服获取更详细的信息。

我可以在nuxt.config.js中访问nuxt上下文吗？

javascript、vue.js、nuxt.js、nuxt-i18n

我正在使用nuxt-i18n和@nuxtjs/auth，并且我想配置auth.redirect选项来支持i18n，如下所示： // nuxt.config.js '@nuxtjs/auth', // ... auth: { home:$store

浏览 53提问于2020-03-31得票数 15

1回答

如何在nuxt的store/action中访问i18n实例？

typescript、vue.js、nuxt.js、nuxt-i18n

在Vue.js应用程序中，我通过调用以下方法在文件中初始化了i18nconst i18n = new VueI18n({locale: 'ja', // set locale}) 从代码位置(Vue操作等)访问i18n实例在不能像在模板<e

浏览 97提问于2020-03-12得票数 3

1回答

Nuxt i18n :如何避免重复的翻译键

vue.js、vuejs2、nuxt.js、nuxt-i18n

我使用的是Nuxt，Nuxt i18n，在组件翻译中： <div>{{ $t("Hello world") }}</div>fr:</i18n> 我的问题是

浏览 4提问于2022-05-16得票数 0

2回答

如何访问fetch()钩子内部的Nuxt上下文？

javascript、vue.js、nuxt.js

我希望访问异步fetch()中的支持，但我也使用异步获取(上下文)。所以，我不知道怎么才能拿到道具。

浏览 14提问于2022-04-28得票数 0

回答已采纳

3回答

Nuxt i18n --在生成路由时，如何获得当前的区域设置？

vue.js、nuxt.js、vue-i18n

我有一个从API中检索的产品列表，我正在为它们生成单个页面。问题是，如果在另一个地区，我想调用不同的API。我尝试了很多方法来将当前的区域设置放到routes()方法中，但是没有任何结果。我的代码是： target: "static", rou

浏览 6提问于2022-04-02得票数 2

2回答

重新加载页面后挂载的钩子不起作用

vue.js、vuejs2、vue-component、nuxt.js

在重新加载页面后，我的数据不会出现在屏幕上，但我将其保存在我的存储中。我注意到重新加载页面后挂载的钩子不起作用。它可以是什么？我正在使用nuxt

浏览 1提问于2019-12-26得票数 0

1回答

从自定义.js文件中访问应用程序上下文以获取区域设置消息

vue.js、axios、nuxt.js、vue-i18n、nuxt-i18n

我正在建立的Vue.js应用程序使用Nuxt.js在SSR模式。我的项目中有axios和vue-i18n插件。@nuxtjs/axios', ], locales: [ code: 'en', name，i18n设置为惰性加载。并从locales/en-EN.js和locales/de-DE.js

浏览 1提问于2020-06-23得票数 1

回答已采纳

1回答

访问.js文件中的Nuxt插件

javascript、vue.js、nuxt.js

假设我有一个脚本文件，foo.js // how to access store and other plugins here?} 在不将调用组件作为参数传递的情况下，我如何在像上面这样的脚本文件中访问像app这样的东西或安装的插件(如store、i18n )？

浏览 2提问于2018-11-14得票数 3

回答已采纳

4回答

[Nuxt，i18n，Vuex]：如何从商店getter访问this.$i18n.locales

javascript、vue.js、nuxt.js、vuex、nuxt-i18n

在我的全局状态中，我希望创建一个基于this.$i18n.locale返回值的getter。export default { "@nuxtjs/i18n", // https://i18n.nuxtjs.o

浏览 19提问于2022-01-30得票数 2

2回答

Vue/ Nuxt :如何访问vuex store中的Nuxt实例？

javascript、vue.js、vuex、nuxt.js

$nuxt.$loading的getter。()现在，我想通过侦听这个加载属性来在页面中显示我的加载组件。$nuxt.$loading.data.$route.show。如果它是真的，我想要显示我的自定义加载器，如果它是假的-当然不是。为此，我想访问this.$nuxt，但这在我的vuex存储中没有定义。它只存在于我的组件<em

浏览 0提问于2018-07-11得票数 3

2回答

我目前正在尝试用“@intlify/ vite -plugin i18n”国际化vue 3 vite项目。我在这里面临的问题是，我目前必须导入和设置t变量，以便每个组件都使用它。，如果可能的话，使变量"t“全局化的最佳方法是什么？我找不到这方面的任何例子/帮助，因为他们都把它导入到每一种设备中。所有帮助都将被接收！:)以供参考，这是相关的文件。/src/locales/**') ]main.ts: import

浏览 9提问于2021-03-21得票数 7

回答已采纳

1回答

当Nuxt应用程序加载时，将异步数据加载到vuex存储区

vue.js、nuxt.js、middleware

我正在试用Nuxt的一个项目。到目前为止，我对如何从外部异步服务加载数据感到有点困惑，以便从第一条路由在Vuex中可用。我尝试在默认布局中添加middleware以分派存储操作，但我没有立即看到调用该服务。只有当我导航到更深的路线，我才会看到行动被分派。我在一个标准Vue项目中做了类似的事情，并将created方法添加到App.vue中。在Nuxt中有类似的方法吗？

浏览 5提问于2020-04-11得票数 0

1回答

带Vuex常数的$ axios

javascript、nuxt.js、vuex

我想要实现的 .then((response) => { })} Uncaught :无法读取未定义的属性

浏览 3提问于2021-08-09得票数 2

回答已采纳

3回答

如何在Nuxt.js的Vuex的效用函数中使用`$axios`

javascript、vue.js、axios、vuex、nuxt.js

我正在按如下方式配置Nuxt.js的VUEX。│ └── utils└── index.jsimport Vuex from 'vuex' new

浏览 1提问于2019-02-07得票数 6

回答已采纳

3回答

如何在道具验证器中访问"this“

javascript、vue.js、nuxt.js

我正在使用nuxt.js进行一个项目，我在应用程序的上下文中注入一个函数，如官方文档中所建议的那样 }export default { color: { validator: function$checkProps(value, ['success', 'danger'])

浏览 0提问于2019-05-16得票数 3

回答已采纳

1回答

如何在nuxt中访问插件中的存储上下文？

vue.js、nuxt.js

我尝试添加第三方代码并在我的Nuxt应用程序中使用它。基本上，我在@/plugins/vendorCode/logFn.js下编写了一个插件，其中包含一个哑函数： console.log('store is', store)正如你所看到的，我试图访问存储，然后执行一些变异。在Vue组件中，我有一个按钮调用logFn，下面

浏览 2提问于2018-10-03得票数 5

回答已采纳

1回答

Vuex模块解码器:如何访问模块中的存储

typescript、nuxt.js、vuex-module-decorators

我一直在试验vuex模块装潢师，以便在我的vuex商店里保存好的打字本。但是我很难在没有类型定义问题的情况下访问商店。我正在使用： }import { Module, Vuex

浏览 3提问于2021-06-14得票数 0

1回答

i18n在nuxt插件中的应用

vue.js、plugins、translation、vuetify.js、nuxt.js

我使用nuxt和vuetify，并在一个文件中定义了所有验证规则(用于文本输入)，如下所示：<v-text-field v-model="firstname" :label="$我已经看到，

浏览 0提问于2019-08-20得票数 9

回答已采纳

1回答

对vuex的动态vue组件访问

vue.js、vuex

我使用以下代码动态创建vue组件。我想让他们和vuex商店联系，但看起来他们无法进入。有人知道怎么解决这个问题吗？const ModClass = Vue.extend(module.component); propsData: { }modInstance.$mount(); modInstance.$on('close', (

浏览 3提问于2021-06-14得票数 1

回答已采纳

1回答