Есть страница на 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.
Понимаю что проблема с асинхронностью, но где и как ее исправить не знаю.
Средний
