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函数将以正确的语言环境传递给用户选择。