在這里我使用的是animejs
首先通過npm install animejs --save
然后在通過import導入 import anime from 'animejs'
在vue的methods中自定義方法
比如
go () {
return new Promise((resolve) => {
anime({
targets: this.$el,
rotateY: [0, 360],
duration: 100,
easing: 'easeInOutQuart',
complete: () => {
anime({
targets: this.$el,
rotateY: [0, 120],,
complete: () => {
resolve(true)
}
})
}
})
})
}
用法是-動畫首先執(zhí)行按y軸旋轉(zhuǎn)360度,在該動畫執(zhí)行完成之后再執(zhí)行動畫按y軸旋轉(zhuǎn)120度
使用起來很方便!!