vuexページリフレッシュデータが消えます

JSコードは、すべての変数の関数は、メモリに格納されているときに、メモリ内のコードを実行するために実行されます

アプリケーションは、あなたが外に格納されている必要があり、これらのデータを保存したいので、再ロードスクリプトコードの変数が再コピーリリースされる前に、メモリには、ページを更新します

たとえば、次のようにlocalStorageを、セッションストレージ、インデックスDBのように。これらのメソッドは、データストレージは、ハードディスク上の永続ストレージを作成できるようにすることができます。

ソリューション:

 localStorageに保存されています:

 聞くことによって地元のlocalStorageにbeforeunload前に、あるページを、更新し、その後、地元のlocalStorageから情報を読み出す際に、ページのロード

作成(){ (ページが更新または閉じられたときbeforeunloadが呼び出されました)

  //ページはのlocalStorageにvuex内部情報で保存して更新されたとき

  window.addEventListener( "beforeunload"、()=> {

     localStorage.setItem( "messageStore"、JSON.stringify(この。$ STORE.STATE))

     localStorage.getItem( "messageStore")&&これ。$ store.replaceState( Object.assign(this.$store.state,JSON.parse(localStorage.getItem("messageStore")))

 })

}

 

https://segmentfault.com/a/1190000018419414?utm_source=tag-newest

 

おすすめ

転載: www.cnblogs.com/wangXinYuFarly/p/11823528.html