语言环境变更

2024-07-07 14:57| 来源: 网络整理| 查看: 265

# 语言环境变更

通常，使用 Vue 根实例作为起点，使用 VueI18n 类的 locale 属性作为参考来本地化所有子组件。

有时你可能希望动态更改语言环境。在这种情况下，你可以更改 VueI18n 实例的 locale 属性的值。

const i18n = new VueI18n({ locale: 'ja', // 设置语言环境 ... }) // 创建 Vue 根实例 new Vue({ i18n, ... }).$mount('#app') // 更改为其它的 locale i18n.locale = 'en'

每个组件都包含一个引用为 $i18n 属性的 VueI18n 实例，该实例也可用于更改语言环境。

示例：

{{ lang }} export default { name: 'locale-changer', data () { return { langs: ['ja', 'en'] } } }

警告

⚠️ 对于使用了 sync: false 的组件，语言环境的更改将被忽略。

组件与根范围

⚠️ 在组件内更改 $i18n.locale 不会更新根语言环境。如果您依靠根语言环境，例如在使用 root fallbacks 时，请使用 $root.$i18n.locale 而不是$ i18n.locale。

在 GitHub 上编辑此页 (opens new window) 最近一次更新: 2021/1/18 02:09:22

← 热重载延迟加载翻译 →

【本文地址】

今日新闻