如何在商店突变中获取全局变量 [英] How to get global variable in store mutation

问题描述

我在使用vue-i18n依赖时遇到错误.

I am getting error about using vue-i18n dependance.

我应该如何从main.js到root.js(存储)中获取 const i18n

How should i get the const i18n from main.js to root.js (store)

我正在使用

• Vuejs 2.X
• Vue-i18n最新
• Vuex for Vuejs 2.X

在main.js(vue-cli)

In main.js (vue-cli)

Vue.use(VueI18n)

const i18n = new VueI18n({
    locale: 'en',
    messages: {
        en: {
            message: en
        },
        cn: {
            message: cn
        }
    }
})

new Vue({
    store,
    el: '#app',
    i18n,
    router,
    template: '<App/>',
    components: { App }
})

在root.js(存储区)中

In root.js (store)

export const mutations = {
    [types.SET_LANGUAGE] (state, data) {
        console.log(i18n.locale) // 'i18n' is not defined
        localStorage.setItem('language', data)
    },
}

推荐答案

正如我的评论中所述，将其放在自己的文件中，例如i18n.js

As mentioned in my comment, put it in it's own file, eg i18n.js

import Vue from 'vue'
import VueI18n from 'vue-i18n' // or whatever the module is called

Vue.use(VueI18n) // you don't need this in main.js

export default new VueI18n({
  locale: 'en',
  messages: {
    en: {
      message: en
    },
    cn: {
      message: cn
    }
  }
})

然后，在main.js和root.js ...

import i18n from './i18n'

这篇关于如何在商店突变中获取全局变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！