Теперь, благодаря mount (), анимация успешно работает при обновлении страницы, но по какой-то причине анимация не воспроизводится при нажатии на нее.
console.log выводится по щелчку , но нет анимации. В чем была моя ошибка?
<template>
<div class="compHeader">
<h1 class="testVal" style="position: absolute;">QWERTY</h1>
<button type="button" class="testClick" @click="testClickGo().restart">+</button>
</div>
</template>
<script>
export default {
methods: {
testClickGo(){
console.log(111);
return this.$anime({
targets: '.testVal',
translateX: 200,
delay: 800
});
}
},
mounted(){
this.testClickGo();
}
}
</script>