問題描述： 在開發uniapp時發現，在使用數組來存儲動畫的場景下動畫總是不生效

通過多次嘗試發現

1. 在方法中臨時創建的animation實例導出的數據不是reactive的 2. 數組并沒有監控到元素對象的變動

解決方法

把animation實例定義在data中， 在onload中初始化，在方法中使用，可以解決這個問題
猜想原因可能是在data中的animation實例會被vue監控，從而觸發animation實例導出數據的監控。 后面有待確認其原因

export default {data() {return {ani: null,}},onLoad() {this.ani = uni.createAnimation()},methods: {praise(index) {this.praiseAnimation.splice(index, 1, this.ani.opacity(1).translateY(-80).scale(1.5).step().export())}}}

因為javascript的原因，數組某個位置的元素改變并不會被數組監控到，解決方法就是使用數組那些已經被監控的方法

praise(index) {this.praiseAnimation.splice(index, 1, uni.createAnimation().opacity(1).translateY(-80).scale(1.5).step().export())}

參考：https://ask.dcloud.net.cn/question/89860

總結

以上是生活随笔為你收集整理的uniapp - animation动画数组无效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。