Vue.js Vue-i18n设置语言环境

假设代码是：

<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>

我试图使用

${$i18n.availablecales}

，但它将区域设置更改为

it，FR，EN

（总之，这是所有可用的区域设置，完全有意义）

我自己就是想不出来

---

谢谢

看起来您只想将其设置为

lang

，如下所示：

@click="setLocale(lang)

然后，您的

setLocale

函数将以正确的语言环境传递给用户选择。

setLocale（lang）

可能吗？

@click="setLocale(lang)