hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-10 03:26:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

vuex 中store存储数据 页面刷新 ios手机导致数据丢失问题兼容处理

Browse Source
This commit is contained in:
liu.xiaofeng@ebiz-digits.com
2023-10-26 15:55:40 +08:00
parent e1953900c9
commit c136b1f4ca
1 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/App.vue
View File

@@ -28,13 +28,30 @@ export default {
}, },
created () { created () {
// 在页面加载时读取sessionStorage // 在页面加载时读取sessionStorage
if (sessionStorage.getItem('store')) { // if (sessionStorage.getItem('store')) {
this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem('store')))) // this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem('store'))))
} // }
// 在页面刷新时将store保存到sessionStorage里 // // 在页面刷新时将store保存到sessionStorage里
window.addEventListener('beforeunload', () => { // window.addEventListener('beforeunload', () => {
sessionStorage.setItem('store', JSON.stringify(this.$store.state)) // sessionStorage.setItem('store', JSON.stringify(this.$store.state))
// })
//ios刷新时vuex信息保留
let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isiOS) {
//在页面刷新时将vuex里的信息保存到缓存里
window.addEventListener("pagehide", () => {
localStorage.setItem("store", JSON.stringify(this.$store.state))
}) })
//在页面加载时读取localStorage里的状态信息
localStorage.getItem("store") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("store"))));
} else {
//在页面刷新时将vuex里的信息保存到缓存里
window.addEventListener("beforeunload", () => {
localStorage.setItem("store", JSON.stringify(this.$store.state))
})
//在页面加载时读取localStorage里的状态信息
localStorage.getItem("store") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("store"))));
}
}, },
mounted(){ mounted(){
}, },