更新记录

1.6.0（2020-10-17）

1. 调整语言选择页面代码，将tabbar多语言设置位置调整到当前部分 for (let i = 0; i < items.length; i++) { if (items[i].value == e.target.value) { items[i].checked = true; // console.log(e.target.value); // console.log(items[i].value);

               // 存储选择的下标
               uni.setStorageSync('index', i);
               // 存储选择的语言
               uni.setStorageSync('select', items[i].language);
               _this.$i18n.locale = items[i].language;
       // tabbar多语言
       uni.setTabBarItem({
           index: 0,
                   text: _this.i18n.tabBar.home
       });
       uni.setTabBarItem({
               index: 1,
               text: _this.i18n.tabBar.me
       });
       break;
           }
       }

2. <!-- v-for循环中的数据国际化,改为使用计算属性 --> <!-- 目前v-for循环多语言存在vue警告,原因与this.$t()的使用有关 Value of key 'XXX' is not a string! Cannot translate the value of keypath 'XXX'. Use the value of keypath as default. 暂无找到根本解决方案,但不影响多语言使用 -->

formatData() { return [ { message: this.$t('message').index.saoma.toString(), value: 0, addrUrl: 'saoma' }, { message: this.$t('message').index.drawer, value: 1, addrUrl: 'drawer' }, { message: this.$t('message').index.judge + '01', value: 0, addrUrl: 'judge01' }, { message: this.$t('message').index.judge + '02', value: 1, addrUrl: 'judge02' } ] }

3. 调整界面部分显示细节

1.5.3（2020-07-13）

本版本为语言国际化模板1.5.1的更新版本1.5.3， 主要更改有：

---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ----

---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ----

---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ----

1. 考虑规范性, require 应该与 module.exports 或者 exports 搭配使用; export default 或者 export 应该与 import 搭配使用

此处使用第一种方案:

将代码 // import Chinese from './static/locales/zh-CN.js'; // import English from './static/locales/en-US.js'

改为

let Chinese = require('./static/locales/zh-CN.js'); let English = require('./static/locales/en-US.js')

语言js导出改为 module.exports = { ... }

2. 增加了繁体中文, 方便更好的体验效果

let Tradition = require('./static/locales/zh-HK.js')

1.5.2（2020-07-13）

本版本为语言国际化模板1.5.1的更新版本1.5.2， 主要更改有：

---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ---- ---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ---- ---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ----

1. 考虑规范性, require 应该与 module.exports 或者 exports 搭配使用 export default 或者 export 应该与 import 搭配使用

此处使用第一种方案:

将代码 // import Chinese from './static/locales/zh-CN.js' // import English from './static/locales/en-US.js' 改为 let Chinese = require('./static/locales/zh-CN.js') let English = require('./static/locales/en-US.js')

语言js导出改为 module.exports = { ... }

2. 增加了繁体中文, 方便更好的体验效果

let Tradition = require('./static/locales/zh-HK.js')

平台兼容性

本版本为语言国际化模板1.5.3的更新版本1.6， 主要更改有：

---- ---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ---- ---- ---- ---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ---- ---- ---- ---- 本语言国际化模板仅存在页面模板，使用时只下载页面模板即可 ---- ----

1. 考虑规范性 require 应该与 module.exports 或者 exports 搭配使用 export default 或者 export 应该与 import 搭配使用 此处使用第一种方案:

将代码 // import Chinese from './static/locales/zh-CN.js' // import English from './static/locales/en-US.js' 改为 let Chinese = require('./static/locales/zh-CN.js') let English = require('./static/locales/en-US.js')

语言js导出改为 module.exports = { ... }

2. 根据手机语言修改应用名称的相关代码设置(取决于当前的系统语言)

目前应用内置支持以下四种语言： 英文 中文（简体） 繁体中文（台湾） 繁体中文（香港）

manifest.json文件 => 源码视图 => app-plus

下列代码： "locales" : { "en" : { // 英文 "name" : "Language Change" // 应用名称 }, "zh" : { // 中文 "name" : "语言切换" // 应用名称 } }

3. 部分使用说明 <!-- 取值存储的语言 -->

   let lang = uni.getStorageSync('select');

if (lang) { _this.$i18n.locale = lang; } else { _this.$i18n.locale = 'zh-CN'; };

uni.setTabBarItem({ index: 0, text: this.i18n.tabBar.home }); uni.setTabBarItem({ index: 1, text: this.i18n.tabBar.me });

onShow() { uni.setNavigationBarTitle({ title: this.i18n.tabBar.home }); }

formatData() { return [ { message: this.$t('message').index.saoma.toString(), value: 0, addrUrl: 'saoma' }, { message: this.$t('message').index.drawer, value: 1, addrUrl: 'drawer' }, { message: this.$t('message').index.judge + '01', value: 0, addrUrl: 'judge01' }, { message: this.$t('message').index.judge + '02', value: 1, addrUrl: 'judge02' } ] }

4. main.js说明 <!-- 代码 "const i18n = new VueI18n({ ... })" 务必放在 "Vue.prototype._i18n = i18n" 上方 -->

   const i18n = new VueI18n({ // 默认语言 locale: 'zh-CN', // 引入语言文件 messages: { 'zh-CN': Chinese, 'en-US': English, 'zh-HK': Tradition } })

Vue.prototype._i18n = i18n