uni-app Hello i18n 国际化演示语言切换问题

uni-app Hello i18n 国际化演示语言切换问题

6 回复

问题复现，这边排查下，已加分，感谢您的反馈！

更多关于uni-app Hello i18n 国际化演示语言切换问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


十分感谢！

改好了不？

没有呢

1.0.1 已修复

在uni-app中实现国际化（i18n）语言切换，通常需要以下步骤：

  1. 安装依赖：使用 vue-i18n 或 uni-app官方推荐的 @dcloudio/uni-i18n。

    npm install vue-i18n

  2. 配置语言文件：在项目中创建 locale 目录，存放不同语言的JSON文件（如 zh-CN.json、en-US.json）。

  3. 初始化i18n：在 main.js 中引入并配置 vue-i18n，设置默认语言。

    import { createI18n } from 'vue-i18n'
import zh from './locale/zh-CN.json'
import en from './locale/en-US.json'

const i18n = createI18n({
  locale: 'zh-CN',
  messages: { 'zh-CN': zh, 'en-US': en }
})
app.use(i18n)

  4. 切换语言：通过调用 i18n.global.locale 动态修改当前语言。

    // 切换为英文
i18n.global.locale = 'en-US'
回到顶部