Хранить состояния флага в localStorage?

Question

Как хранить состояния флага в localStorage ? Затем его передавать в какой-то блок через v-if ?

handleInstallButtonClick() {
    this.isAlert = false;
    localStorage.setItem('is-alert', this.isAlert);
    this.isAlert = JSON.parse(localStorage.getItem('is-alert'));
    console.log(this.isAlert);
  },

Answer 1

Используйте компьютед с сеттером.

computed: {
  isAlert: {
    get() {
      return localStorage.getItem("is-alert")?.toLowerCase() === "true";
    },

    set(value) {
      localStorage.setItem("is-alert", value);
    },
  },
}

в шаблоне это будет использоваться, как обычная переменная

<input type="checkbox" v-model="isAlert" />

БЛОГ НА HUSL

Хранить состояния флага в localStorage?

Ответы (1 шт):