vue中vuex-i18n使用
程序员文章站
2022-03-19 15:00:28
...
先给个项目地址源码所在 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')
使用效果:
上一篇: OriginOS新春版有哪些功能 OriginOS新春版功能说明
下一篇: 这世界上有三种笨鸟
推荐阅读
-
Vue使用v-for="(item, index) in pics"报错
-
使用Python编写提取日志中的中文的脚本的方法
-
yii2中使用Active Record模式的方法
-
too simple too naive PHP中simplexml_load_string函数使用说明
-
php中cookie和session使用范例
-
PHP的Yii框架中过滤器相关的使用总结_PHP
-
PHP使用mysql_fetch_object从查询结果中获取对象集的方法_PHP教程
-
js中的循环怎么使用?
-
在Webstorm中怎么使用babel让ES6转成ES5
-
yii2中如何使用modal弹窗之基本使用,yii2使用modal弹窗