提交 70b9f21a 编写于 作者: d-u-a's avatar d-u-a

i18n: 增加nvue示例,小程序方案

上级 af009f7d
...@@ -88,6 +88,31 @@ export function createApp() { ...@@ -88,6 +88,31 @@ export function createApp() {
注意:页面中设置语言后需要调用 `this.$i18n.locale = 'zh-Hans'` 后生效 注意:页面中设置语言后需要调用 `this.$i18n.locale = 'zh-Hans'` 后生效
## nvue页面国际化@nvue
nvue 目前的国际化方案需要在每个页面单独引入uni-i18n,后续框架会抹平差异,抹平差异后和 vue 页面一样只需要在 main.js 中引入
```js
<script>
import {
initVueI18n
} from '@dcloudio/uni-i18n'
// const messages = {} 此处内容省略,和 vue 全局引入的写法一致
const { t } = initVueI18n(messages)
export default {
data() {
return {
}
}
}
</script>
```
## pages.json 国际化@pages ## pages.json 国际化@pages
pages.json不属于vue页面,其中的原生tabbar和原生导航栏里也有文字内容。这部分内容的国际化方案如下: pages.json不属于vue页面,其中的原生tabbar和原生导航栏里也有文字内容。这部分内容的国际化方案如下:
...@@ -238,6 +263,20 @@ uni-app.zh-Hans.json 文件 ...@@ -238,6 +263,20 @@ uni-app.zh-Hans.json 文件
`manifest.json` 中支持配置默认语言,参见上面的示例,默认跟随系统语言 `manifest.json` 中支持配置默认语言,参见上面的示例,默认跟随系统语言
## 小程序国际化@miniprogram
已支持
- 页面
- 组件
不支持
- pages.json,可以通过调用API来设置,例如更改标题 `uni.setNavigationBarTitle()`
- tabbar 不支持动态修改内容,但是可以通过自定义tabbar的方式,详情: [https://uniapp.dcloud.net.cn/collocation/pages?id=custom-tab-bar](https://uniapp.dcloud.net.cn/collocation/pages?id=custom-tab-bar)
## schema 国际化@schema ## schema 国际化@schema
HBuilderX 3.3.0+ HBuilderX 3.3.0+
...@@ -336,5 +375,4 @@ uni-app内置了一批与国际化相关的API和生命周期,如下: ...@@ -336,5 +375,4 @@ uni-app内置了一批与国际化相关的API和生命周期,如下:
HBuilderX 3.3 起,新建项目可以直接选择`hello i18n`模板,或者去插件市场查阅[https://ext.dcloud.net.cn/plugin?id=6462](https://ext.dcloud.net.cn/plugin?id=6462) HBuilderX 3.3 起,新建项目可以直接选择`hello i18n`模板,或者去插件市场查阅[https://ext.dcloud.net.cn/plugin?id=6462](https://ext.dcloud.net.cn/plugin?id=6462)
**注意:** **注意:**
- 小程序平台暂不支持动态变化,编译时仅生成默认语言json配置
- Android 平台因原生层限制,将自动重启。其他平台均实时变化,包括已打开的所有页面 - Android 平台因原生层限制,将自动重启。其他平台均实时变化,包括已打开的所有页面
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册