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

我已经搜索了Internet，但仍然无法访问它。
希望你能帮我！谢谢<3

Answer 1

这是保存在localStorage中的语法：

localStorage.setItem("name", value);

并获取和项：

localStorage.getItem("name")

参见此处：https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

如何在本地存储（Vue）中保存当前语言（i18n）

1 个答案: