2020
10-08
10-08
Vue如何基于vue-i18n实现多国语言兼容
vue中使用vue-i18n兼容多国语言1.安装:npminstallvue-i18n--save-dev2.在main.js文件中引入:importVueI18nfrom'vue-i18n'Vue.use(VueI18n)//通过插件的形式挂载,通过全局方法 Vue.use() 使用插件consti18n=newVueI18n({locale:'zh',//语言标识//this.$i18n.locale//通过切换locale的值来实现语言切换messages:{'zh':require('./VueI18n/language-zh'),//'en':require('./VueI18n/langu...
继续阅读 >
随着小程序应用越来越广泛,国际化支持逐渐成了刚需。官方文档给出了一个国际化方案,但觉得配置起来稍微有点复杂,对项目结构还有一定的要求。如果是旧项目改动成本太大,遂决定自己实现一个小程序国际化方案。源码地址:https://github.com/cachecats/miniprogram-i18n一、项目结构整体目录结构如下图:assets存放资源文件,如图片constants存放项目中用到的常量i18n存放语言文件,中文是zh-CN.js英文是en-US.js...