@d3co9

Как подгрузить элементы из store при переходе через nuxtlink?

Есть страница на nuxt, там же пишу следующее. Я вызываю actions которые обращаются к определенному апи и записывают в store:

async fetch(){
       await this.$store.dispatch('content/getAllMovies',this.$route.params.animeid)
       await this.$store.dispatch('content/getTrailerOfMovie',this.$route.params.animeid)
       this.move = await this.$store.getters['content/getMovies']
    },

На этой этой же странице в computed получаю getters:

computed: {
        ...mapGetters({
            getMovie:'content/getMovie',
            getMovieMaterial:'content/getMovieMaterial',
            getMovieScreens: 'content/getMovieScreens',
            movies:'content/getMovies',
            getTrailer: 'content/getTrailer'

        })
    },

Так вот проблема в том, что если страницу обновлять через f5 все работает и погружается, но если переходить в нее через главную страницу

this.move = await this.$store.getters['content/getMovies']

вот эту переменную он не видит и выкидывает undefiend его свойства.
Там находится массив c 5 объектами, я обращаюсь в компоненте к movie[0].link
Если лОгать что находится this.move при переходе с другой страницы на нее, то он выводит тот же массив с объектами но еще там observer.

Понимаю что проблема с асинхронностью, но где и как ее исправить не знаю.
  • Вопрос задан
  • 109 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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