How to use lottie with NuxtJS to have hover, click and all functions working?
Solution 1:
From the code sample you provided, you forgot to attach the @animCreated="handleAnimation" event.
So this.anim is actually always null.
<template>
<div>
<lottie
:options="lottieOptions"
:width="50"
@animCreated="handleAnimation"
/>
</div>
</template>
Then you just have to set a @mouseover="play" to start the animation on hover.