标签中的 Vue i18n 翻译不会通过按钮更改语言来更改

如何解决标签中的 Vue i18n 翻译不会通过按钮更改语言来更改

我有几个带有翻译的组件，例如：

<i18n>
  en:
    "Przykładowy tekst": "Example text"
</i18n>

<template>
<div>
    {{ $t('Przykładowy tekst') }}
</div>
</template>

在另一个组件中，我有使用方法更改语言的按钮：

changeLanguage({ target: { value }}) {
    this.$i18n.locale = value
    this.$i18n.fallbackLocale = value
},

我有设置 i18n 的文件：

export const i18n = new VueI18n({
    locale: 'pl',fallbackLocale: 'pl',silentTranslationWarn: true,messages: loadLocaleMessages(),})

我有重复翻译的文件： 文件 en.yml：

"Usuń": "Remove"
"Anuluj": "Cancel"

现在，当我使用按钮更改语言时，它只会更改带有文件 en.yml 翻译的文本。但是，来自组件的 i18n 标记中的文本不会被翻译。

当我将 i18n 文件更改为：

export const i18n = new VueI18n({
    locale: 'en',fallbackLocale: 'en',})

并刷新页面，然后一切都被正确翻译。