Vue-i18n setLocale

Question

假设代码是：

<ul>
  <li v-for="(lang, i) in $i18n.availableLocales" :key="`Lang${i}`" :value="lang">
    <a href="#" @click="setLocale('what shall I write in here?')">
      <span> {{ lang.toUpperCase() }} </span>
    </a>
  </li>
 
</ul>

所以问题是('what shall I write in here?')

setLocale 函数：

setLocale(locale) {
      this.$i18n.locale = locale;
      this.$router.push({
        params: { lang: locale },
      });
    },

我尝试使用${$i18n.availableLocales}，但它将语言环境更改为IT, FR, EN（总而言之，这是所有可用的语言环境，完全有意义）。

我自己想不通。

谢谢！

Answer 1

看起来您只想将其设置为lang，如下所示：

@click="setLocale(lang)

然后您的setLocale 函数将在正确的语言环境中传递给用户选择。