如何在vue应用程序中保持本地化

Question

我正在尝试用Vue-i18n构建一个多语言的Vue应用程序，我想知道如何保持所选的语言？有人有本地化经验吗？是否可以将该语言作为参数添加到vue路由器？还有其他方法吗？

Answer 1

每次更改/设置区域设置时，都需要将其值存储在localStorage中。将此添加到您的应用程序：

watch: {
'$i18n.locale': function(newVal, oldVal) {
localStorage.setItem('last-locale', newVal)
}
}

然后在i18n.js初始化文件中，在启动时读取以下值：

export default createI18n({
...
locale: getStartingLocale(),
...
})

只需添加一个功能：

function getStartingLocale() {
if (localStorage.getItem('last-locale')) {
return localStorage.getItem('last-locale')
}
return process.env.VUE_APP_I18N_LOCALE || "en"
}