Переход с помощью this.router.push с отслеживанием конца анимации в VUE CLI
Здравсвуйте! очень надеюсь на вашу помошь!
Работаю с Vue Cli, есть элемент который должен анимироваться по клику (это я сделал), затем следует переход на "другую страницу" (это я сделал) Но, как мне реализовать переход на страницу только после того как закончится анимация? Помогите! Пожалуйста! Для анимации я использую Anime.js
<template>
<div id="animate" v-on:click = "go" ref="square">
<app-lottie></app-lottie>
</div>
</template>
<style scoped>
</style><script>
import { translate } from '../js/animate'
export default {
methods: {
go () {
translate(this.$refs.square)
this.$router.push('Comprestore')
}
}
}
</script>import anime from 'animejs'
export function translate (element) {
anime({
targets: element,
translateX: 500
})
}