uniapp 实现国际化多语言切换
前言
项目有海外用户所以需要配置多语言满足客户需求
解决方法
在 uni-app 里有内置 i18n 多语言的配置，并且 uni-app 里的组件可是可以支持跟随设置语言进行变换的，i18n 的主要功能是可以做到实时切换语言。
步骤
1. 在相对根目录 utils/lang 的文件夹创建 js 的语言文件。当然，也可以根据实际情况，在其他目录下。这里，使用了两种语言，en-US （英文）和 zh-CN(简体中文)。
2. 打开 main.js 引入 vue-i18n 和语言包，并根据需要默认其中一种语言。
复制代码
3. 当页面中需要引用语言栏时，调用 $t 方法。
{{$t('key')}}，$t('key')，this.$t('key')
4.切换语言
复制代码
5.设置 tabbar
复制代码
就这样，语言切换实现了，而且不会有什么延迟，几乎完美。开源字节的源代码都已开源在 Gitee 中，欢迎使用交流。
如若转载，请注明出处：开源字节 https://sourcebyte.cn/article/248.html
一个着迷于技术又喜欢不断折腾的技术活跃者 2022-03-09 加入
一个着迷于技术又喜欢不断折腾的技术活跃者。喜欢并热爱编程，执着于努力之后所带来的美好生活！
评论