vue中vuex-i18n使用

先给个项目地址源码所在 json 文件:: https://github.com/Tom-cy/mi_nj

npm i ~~
npm install vuex-i18n

使用 --我已经写好了js

import Vue from "vue";
import Vuex from 'vuex';
// 国际化语言
import vuexI18n from "vuex-i18n";

// 引入语言文件配置
let translationsUS = require("./i18n/en-US.json");
let translationsCN = require("./i18n/zh-CN.json");
let translationsTw = require("./i18n/zh-TW.json");

const store = new Vuex.Store({
    modules: {
        i18n: vuexI18n.store
    }
});

Vue.use(vuexI18n.plugin, store);

Vue.i18n.add("en-US", translationsUS);
Vue.i18n.add("zh-CN", translationsCN);
Vue.i18n.add("zh-TW", translationsTw);

Vue.i18n.set('en-US')
Vue.i18n.set('zh-CN')
Vue.i18n.set('zh-TW')

使用效果:
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Tom__cy/article/details/105809120