Как вызвать метод в компоненте vue после получении данных из vuex?

Question

[ascold2013]

Здравствуйте!
Такая проблема - в корневом компоненте App вызывается асинхронный метод - запрос данных на сервер. Данные хранятся в vuex хранилище. И нужно выполнить метод тогда, когда эти данные будут получены. Данные получаю в компонент через mapGetters из vuex.
И нужно узнать - если данные есть - вызвать.
Я сделал так:

watch: {
      currentUser: function(user){ //currentUser - computed свойство, получаемое из vuex
        console.log('get previews for user:', user);
        this.getPreviewsForUser(user.token) //нужно вызвать, если currentUser есть
      },
  },

Но оно не работает. Только перезагружать страницу, чтобы заново грузился currentUser

Answer 1

[Roman K]

Сравнивай user с undefined, null или что там у тебя.

Comments

[ascold2013]

он вообще не вызывается - вот в чем прикол

[ascold2013]

ascold2013, ascold2013, точнее, не так. Оно срабатывает 1 раз. Данные загрузились в одном компоненте - сработало. Перехожу в другой компонент (вкладка) - ватч видит, что данные есть, но они не поменялись - и второй метод уже не срабатывает

Answer 2

[Вадим]

Поздно, конечно, но мне кажется, можно так:
в action Vuex запрашивать данные, и там же выполнять следующий метод

actions = {
  async getUser({ commit }) {
    const { data } = await axios.get('http://...');
    if (data.user) {
      commit(SET_USER, data.user);
      dispatch('getPreviewsForUser', data.user.token)
    } else {
      ...
    }
    
    return data;
  },
  getPreviewsForUser({commit}, token)  { //либо можно через state токен получать;
    ...
  }
};