uniapp 语言国际化 i18n 教程

uniapp 语言国际化 i18n 教程

前几天做了一个项目，需要根据不同的浏览器的语言环境自动切换语言。

故此去看了uiapp的官方文档，发现有i18n国际化的教程，跟着官网教程一步一步做，发现页面中vue文件中的文字会跟着变化，但是pages.json中的顶部导航栏的标题，还有底部tabr的文字不生效。折腾了好半天终于发现如何实现别解决这个问题。

下面请看教程

首先放一个官网国际化的链接：uni-app官网 (dcloud.io)

1.在项目根目录下新建locale文件夹，文件夹下建立xxx.json 文件，里面写语言

贴一下我的文件目录

在贴一下json文件里面的内容

当你把需要的语言文件都准备好接下来就要写代码了

2.打开根目录下的main.js文件 引入我们之前写的json语言文件，同时也要引用vue-i18n文件并使用，贴一下我的代码吧

import en from './en.json'
import zhHans from './zh-Hans.json'
import zhH