i18n-Lokalisierung für die Vue 3-Kompositions-API nicht aktualisiert

Question

Ich versuche, das Gebietsschema für Vue-i18n zu ändern, indem ich auf eine Schaltfläche klicke. Aber wenn ich auf die Schaltfläche klicke, passiert nichts. Es liegen auch keine Fehler vor. Wie kann dieses Problem gelöst werden?

<button v-on:click.prevent="setLocale('id')">Ind</button>
<button v-on:click.prevent="setLocale('en')">Eng</button>

i18n aus „../i18n“ importieren;
const setLocale = (lang) =>
  i18n.global.locale = lang;
};

Answer 1

可能还有其他问题，但代码中至少有一个错误。 i18n.global.locale 是一个 ref，应该使用如下方式：

const setLocale = (lang) => {
  i18n.global.locale.value = lang;
};

它不能以反应性的方式进行。