hitakiri
@hitakiri

Как обновить данные на странице при обновлении данных в store?

Принимаю данные из вебсокета в store:
store.js :
state: {
  socket: {
     isConnected: false,
      message: '',
      wsData: {},
      reconnectError: false,
   }
}
mutations: {
...
SOCKET_ONMESSAGE (state, message)  {
...    
      let d = JSON.parse(message.data);
      console.log(d); 
      state.socket.wsData = d;
...
}

main.app:
...
<template>
  <div>
    <p> {{ d.someData }} </p>
  </div>
</template>

...

methods: {
    sendCalculation() {
      this.$socket.send(dataToServer);
    },
}
...
computed: {
    d(){
      return this.$store.state.socket.wsData;
    }
  },
...


Пробовал this.$forceUpdate(); но эффекта ноль.

При получении данных в вебсокет данные в отладочном модуле vue обновляются, логи приходят. Но на странице данные не меняются. Как без перезагрузки страницы обновить данные?
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
yarkov
@yarkov Куратор тега Vue.js
Проект "Жизнь после смерти" - lifeafterdeath.ru
У вас в state нет свойства wsData
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы