Vue js で、ページのリロード時にリセットされない一意の ID を割り当てる方法

Question

私は Vue js を学習するための小さなプロジェクトを開発しています。それは習慣トラッカーであるべきです。現在、ページをリロードして新しいカスタムを追加すると、背景を変更する機能が正しく動作しないというバグがあります。

エラーはここに表示されます 私の配列は次のようになります:

リーリー

ID の割り当てにカウンターを使用しており、リロード時に 0 にリセットされるため、なぜ機能しないのかはわかりました。

リーリー

この問題を解決する方法について何かアイデアはありますか?

Answer 1

ローカル ストレージをロードし、長さをカウンター値に設定する必要があります。ここで実際の例を作成しました。また、Vue の概念との一貫性を高めるためにコードを改良しました。 @Rahul Purohit が指摘したように、保存時には JSON.stringify の結果が必要であり、読み込み時には JSON.parse が必要です。

リーリー