VueJs VueX vue-i18n翻译实现

Question

具有main.js -> App.vue ->路由器/index.js -> Index.vue

在Index.vue中，我尝试运行vue-i18n (7.8.0)，其中数据将由VueX存储提供为：

// ...
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)

export default {
   name: 'index',
    // ...
    computed: {
    ...mapGetters({
      language: 'getLanguage',
      translations: 'getTranslations'
    }),
  },
  i18n: new VueI18n({
    locale: language,
    messages: translations,
  }),
  // ...
}

在store.js中，setLanguage和setTranslations的更新运行良好，但是i18n参数在初始化时没有反应。虽然在newVueI18n中使用固定值进行定义，但转换工作正常。我确信这是我的错误，但没有找到任何不同的实现方法。请任何人澄清并建议一个正确的方法？(如果可能的话，我想留在现在的编码实现中)

对不起，如果我夸张了，但在实现i18n组件时，我想知道如何从组件(Index.vue)访问主Vue实例，以及如何在i18n模块上触发其构造函数参数的设置器？谢谢!

Answer 1

我可以使用: vuex-i18n实现翻译功能。