我找到了一種在 Vue.js 中創(chuàng)建動畫的新方法 - 2D 角色進(jìn)展：您將在特定時間移動該圖片中的每個角色。解決方案：你會看到角色在移動。我創(chuàng)造了我自己的角色。之后我想改變這個角色的動畫numTotal > 0。正是我想要做的：我的主要動畫被調(diào)用idle，當(dāng)numTotal > 0想要將動畫更改為時angry，2 秒后動畫應(yīng)該切換回我的動畫idle查看.js<div?class="character"?:style="inlineStyle"></div>數(shù)據(jù)data() {? ? ? return {? ? ?? ? ? ? ? animationDelay: 2000,? ? ? ? ? angry: 'animation-name: angry',? ? ? ? ? idle: 'animation-name: idle',? ? ? ? ? currentAnimation: null,? ? ? ? ? afterAnimation: null,? ? ? ? ? animation: null,? ? ? }? ? },計算的computed: {? ? ? ? inlineStyle() {? ? ? ? ? ? if (this.numTotal > 0) {? ? ? ? ? ? ? ? this.updateAnimation(this.animation, this.angry, this.idle)? ? ? ? ? ? ? ? return this.animation? ? ? ? ? ? } else {? ? ? ? ? ? ? ? this.animation = this.idle? ? ? ? ? ? ? ? return this.animation? ? ? ? ? ? }? ? ? ? }? ? },方法? ? methods: {? ? ? ? updateAnimation(animation, currentAnimation, afterAnimation){? ? ? ? ? ? animation = currentAnimation? ? ? ? ? ? setTimeout(() => {? ? ? ? ? ? ? ? animation = afterAnimation? ? ? ? ? ? }, 500)? ? ? ? },風(fēng)格.character {? ? background-image: url("http://huwe_final.test/images/character-animation.png?7b1c86288eb21d80e5981e0693e08d5e");? ? position: absolute;? ? z-index: 100;? ? width: 93%;? ? height: 747px;? ? margin-left: 3px;;? ? animation-iteration-count: infinite;? ? animation-timing-function: steps(24);? ? animation-duration: 1.2s;}@keyframes idle {? ? from { background-position: 0 0; }? ? to { background-position: -11782px 0; }}@keyframes angry {? ? from { background-position: 0 745px; }? ? to { background-position: -11782px 745px; }}我遇到的問題是，setTimeout即使我在控制臺動畫中編寫時我也無法正常工作 -console.log(animation)我看到animation已經(jīng)更改為angry，但在網(wǎng)站上動畫仍然存在idle有誰知道如何解決setTimeout？感謝您的任何幫助！