計算されたプロパティのインデックスを示す値を変更するとメモリ リークが発生する

Question

計算されたプロパティに問題があります

リーリー

背景: this.CorrectAnswers は、プロパティがレベル、値が各ドアのオブジェクトであるオブジェクトです:

リーリー

なので、レベルが完成したら、レベルを追加します

リーリー

これ以降はすべてがブロックされます。この問題の原因が Vue なのか TypeScript なのかはわかりません。それともその 2 つの組み合わせでしょうか? なぜこれが起こっているのか知っている人はいますか?

レベル上昇をオフにしてみましたが問題ありませんでした。明らかに私は同じレベルに留まりました。ただし、他のリセット ロジックは機能します

＃＃＃フォローアップ：＃＃＃

インデックスを使用する必要がないように変更したときも、同じ問題が発生しましたが、今はそれを実行しました:

ああああ

Answer 1

現在提供されているコードではわかりにくいですが、this.CorrectAnswersForLevel1 なども計算されたプロパティであると思われます。これは、循環参照が発生し、無限ループが発生することを意味します。

これに加えて、コードには誤った参照も含まれています。 this.CorrectAnswers['1'] は、文字列と数値を相互に比較するという点で this.CorrectAnswers[1] とは異なります。