更新记录

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' } ] }

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

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 = { ... }

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

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 = { ... }

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

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

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

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

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

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

<!-- 判断选择的语言 -->

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

<!-- 底部tabbar多语言,仅在选择语言页面设置即可 -->

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 }); }

<!-- 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' } ] }

  1. 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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

无需任何权限

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

无需任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

不含任何广告

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问