@Daniele_Viotti

Vuex: Getters — обновление в реальном времени. state — new Date()?

Всем привет!
Кратко: как заставить getter состояния "new Date()" обновляться в real-time?

Есть следующий Vuex store:
state: {
  datetime: new Date(),
},

getters: {
   getDatetime: state => state.datetime,
}


Вытягиваю эту переменную в шаблоне с помощью getDatetime:
computed: {
   getDatetime() {return this.$store.getters.getDatetime;}
}

Однако время "застывает" и не меняется до перезагрузки страницы... Прошу помощи
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 2
0xD34F
@0xD34F Куратор тега JavaScript
@tvsjke
информация засекречена
store.js
const state = {
  now: new Date
}

const actions = {
  start ({ commit }) {
    setInterval(() => {
      commit('UPDATE_TIME')
    }, 1000)
  }
}

const mutations = {
  UPDATE_TIME(state) {
    state.now = new Date
  }
}


component.vue
computed: {
    ...mapState(['now'])
}


Не забудь start вызвать

Геттер не обязательно использовать.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
21 авг. 2019, в 13:40
25000 руб./за проект
21 авг. 2019, в 13:15
500 руб./за проект