uni-app 内置国际化方案说明

分类：uni-app

uni_app

uni-app 从 3.1.5 版本开始框架内置组件开始完善国际化支持

App平台、H5平台优化 uni.showModal、uni.showActionSheet 等 API 内置国际化支持

App平台优化应用退出提示内置国际化支持

App平台优化 uni.scanCode、uni.previewImage 等 API 内置国际化支持

H5平台优化 picker、video 组件内置国际化支持

这些组件内置如下语言

中文简体 zh-Hans
中文繁体 zh-Hant
英语 en
法语 fr
西班牙语 es

组件和接口显示会根据系统语言环境自动切换，未支持的系统语言环境会显示为英文。

uni-app 3.2.5 版本以下当使用 vue-i18n 时，会使用 vue-i18n 设置的语言。

uni-app 3.2.5 版本开始请在 manifest.json 内配置，或者调用 uni.setLocale 进行设置，具体参考 locale.md。

1 赞关注分享

58 个评论

要回复文章请先登录或注册

Chalead

回复 AKA小迪：

同学打扰请问以下后来解决了吗

2025-01-09 10:47

8***@qq.com

回复 l***@163.com ：

你好请问解决了吗

2024-09-04 20:04

s***@qq.com

你好，在uniapp纯js文件中使用国际化，已经引入了，但是报错：vue-i18n.esm.js:57 [vue-i18n] Cannot translate the value of keypath 'common.cancel'. Use the value of keypath as default
引入方式如下：
import Vue from 'vue'
import i18nConfig from '@/locale/index.js'
import VueI18n from '@/utils/vue-i18n'

Vue.use(VueI18n)
const i18n = new VueI18n({locale:uni.getLocale(),i18nConfig})
此处console.log(i18n)也能正常打印，为什么无法翻译得到正确的语言对照呢

2024-07-13 13:04