uni-app animation 绑定事件二次点击无效果

最新推荐文章于 2024-03-22 17:09:01 发布

学习路上的小刘

最新推荐文章于 2024-03-22 17:09:01 发布

阅读量757

点赞数 2

文章标签： uni-app 动画 css3

本文链接：https://blog.csdn.net/qd_ljp/article/details/128919768

版权

今天做点击事件的动画，发现第二次动画点击无效果
原来是如果动画和上次一样就不会重新渲染，所以需要重新把animationData置为空对象

<image :animation="animationData" @click.stop="konck" class="stick" src="/static/images/index/stick.png">
		</image>

export default {
		data() {
			return {
				auto: !1,
				count: 0,
				audio: !0,
				opengo: !0,
				gridid: '',
				animationData: {},
				agd1: {},
				agd2: {},
				agd3: {},
				agd4: {},
				agd5: {},
				agd6: {},
				agd7: {},
				agd8: {},
				agd9: {},
				agd0: {},
				aniamtion: {}
			}
		},
		onLoad() {
			this.aniamtion = wx.createAnimation({
				duration: 50,
				transformOrigin: "right top",
				timingFunction: "ease-in-out"
			});
		},
		methods: {
			konck: function() {
				this.aniamtion.rotate(0).step().rotate(40).step()
				this.animationData = this.aniamtion.export()
				setTimeout(()=>{
						  this.animationData={}
				        }, 10);
			},
		}
		}