В проекте Nuxt у меня есть некоторые анимации на домашней странице, и я не хочу, чтобы они запускались во второй раз, когда пользователь возвращается на домашнюю страницу, например со страницы About
Итак, у меня есть переменная в магазине -> index.js
export const state = () => ({
isVisited: false
})
и в index.vue, если isVisited является ложной анимацией запуска и для переменной установлено значение true
if (this.$store.state.isVisited == false) {
this.initialAnimation();
this.$store.state.isVisited = true
}
Когда я перехожу на страницу About, isVisited имеет значение true, так что это работает, но когда я возвращаюсь обратно на / (домашняя страница), isVisited возвращается к false и анимация запускается снова. Хорошо, это логично, магазин сбрасывает сам, когда страница перезагружается в корне, но у меня нет идей, как по-другому решить эту проблему.
Еще одна идея, которая у меня была, заключалась в том, чтобы определить, приходит ли пользователь со страницы / о странице, а затем отключить анимацию, но проблема в том, что пользователь может сначала перейти на страницу примерно, и он никогда не увидит начальные домашние анимации, и мы не Я не хочу этого.
Я новичок в хранении / vuex материалах и пока не совсем ясно понимаю, извините, если вопрос нубистский