javascript - 如何在本地存储(Vue)中保存当前语言(i18n)

Question

我正在使用 Vue 路由器和 Vue $i18n 插件在 Vue 中开发一个应用程序。
这是我的 HTML:

<div class="locale-changer">
  <select v-model="this.$i18n.locale" class="btn">
    <option v-for="(lang, i) in langs" :key="`Lang${i}`" :value="lang">{{ lang }}</option>
  </select>
</div>

还有我的 JS:

export default {
  name: "home",
  data() {
    return {
      langs: ['Español', 'English'],
      currentlang: this.$i18n.locale
    }
  },
  mounted() {
    if(localStorage.currentlang) this.currentlang = localStorage.currentlang;
  },
  watch: {
    currentlang(newLang) {
      localStorage.currentlang = newLang;
    }
  }
};

我已经在互联网上搜索过，但还是找不到。
希望你能帮我!谢谢<3

Answer 1

这是在 localStorage 中保存的语法:

localStorage.setItem("name", value);

并获取和项目:

localStorage.getItem("name")

请看这里:https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage