vue-anime
vue-anime copied to clipboard
Question. Dynamic prop
hi is it possible to have dynamic property for Object Animation?
vue-anime is based on animejs which require to specify the 'begin' and 'end' value of something numeric and do the transformation based on easing function
would you provide more information?
I also ran into this issue when creating an animation.
I'm trying to do something like this:
<vue-anime :animate="animationProps" ....
data() {
return {
animationProps: {
translateX: 250
}
}
}
And than change the translateX
property when needed and play the animation again with this.$refs.XXX.play()
. This however seems not to work, the animation is only played with the initial value. This would make a nice enhancement.
Hi You can change animationProps to work!
and if you only set animationProps.translateX, call reset() method to reset animation