首页  >  问答  >  正文

Vue 3 组合式 API 的 i18n 本地化未更新

<p>我正在尝试通过点击按钮来更改Vue-i18n的区域设置。但是当我点击按钮时,什么都没有发生。也没有任何错误。如何解决这个问题?</p> <pre class="brush:php;toolbar:false;"><button v-on:click.prevent="setLocale('id')">Ind</button> <button v-on:click.prevent="setLocale('en')">Eng</button> import i18n from "../i18n"; const setLocale = (lang) => { i18n.global.locale = lang; };</pre> <p><br /></p>
P粉752826008P粉752826008444 天前407

全部回复(1)我来回复

  • P粉550823577

    P粉5508235772023-08-26 00:14:37

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

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

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

    回复
    0
  • 取消回复