在 App.vue created 方法里添加如下代码
created() {
// 在页面加载时读取localStorage里的状态信息
if (localStorage.getItem("store") ) {
this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("store"))))
}
// 在页面刷新前将vuex里的信息保存到localStorage里
window.addEventListener("beforeunload",()=>{
localStorage.setItem("store",JSON.stringify(this.$store.state))
})
}
在 App.vue created 方法里添加如下代码
Vue组件刷新解决方案： 刷新整个页面 使用v-if标记 forceUpdate key-changing 1.刷...
原因：微信对 vue.js 中的 vue-router 的 history 模式支持并不完善.解决方案：刷新二维码...
背景 简单做个冒泡排序的效果，vue数据交换过后视图不刷新 解决方案总结 栗子? 知识点 能触发vue视图更新的方...
一、vue项目二级路由刷新后样式丢失、错乱的解决方案 1、如果路由采用的是mode:history 模式，则检查c...
解决方案:刷新gradle
使用全局配置设置默认值。 在 Vue 组件选项中设置默认值。 Webpack/Browserify 在 packa...
vue单页面，多路由，前进刷新，后退不刷新 目的：vue-cli构建的vue单页面应用，某些特定的页面，实现前进刷...
【解决方案】 一、确认 charles 配置 1、开启 macOS Proxy 开启后可以刷新浏览器试一下，如果还...
vue 定时刷新 当前时间 最终效果：
本文标题：vue 刷新，store.state 还原为默认值解决方案
本文链接：https://www.haomeiwen.com/subject/zdwscktx.html
网友评论