vuex刷新后数据消失_如何解决vue修改数据不刷新页面

vuex刷新后数据消失_如何解决vue修改数据不刷新页面vue页面刷新

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

vue 页面刷新数据存储

        // 在页面加载时读取sessionStorage里的状态信息
        if (sessionStorage.getItem('caramaAdd')) {
            this.$store.state.creame=JSON.parse(sessionStorage.getItem('caramaAdd'))
        }
        // 在页面刷新时将vuex里的信息保存到sessionStorage里
        // beforeunload事件在页面刷新时先触发
        window.addEventListener('beforeunload', () => {
            sessionStorage.setItem('caramaAdd', JSON.stringify(this.$store.state.creame));
        });


是不是特别简单,底下存储,上边跟新,但是被忘了,退出该页面时,需要删除存储的值,否则当你再次进入时,存储的还是当前值,一定要记得哦

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/181189.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • nginx转发tcp请求保留ip_nginx请求转发

    nginx转发tcp请求保留ip_nginx请求转发在平时的开发中,可能有的服务在本地电脑是连接不上的,此时需要一个中间人来作为代理,帮助我们去转发请求比如现在本地可以链接某一台nginx服务器,域名为www.baidu.com,并且开放了端口8899,那么我们通过这台服务器,来转发我们链接不上的192.168.0.111:6379redis服务一、nginx.confdaemonoff;userwww;worker_processes8;worker_rlimit_nofile102400;events{useep.

    2022年10月10日
  • cad怎样生成轮廓线(图样中可见轮廓线用什么线)

    一般在做影像处理时,为提升效率,常会将影像转为二值影像后再进行处理。在EmguCV内有许多找轮廓线的方法,但是随着版本更新,不同版本的函数不见得会一样,每次都要重新查询实在很麻烦,那不如把他们记下来。版本概要:EmguCV版本:3.2.0.2682编译器版本:VisualStudio2017Community方案平台:x64(许多导致程式无法执行的原因是因为没有改执

  • 解决 SVN Skipped ‘xxx’ — Node remains in conflict

    解决 SVN Skipped ‘xxx’ — Node remains in conflict

    2021年10月19日
  • JavaFX+Jfoenix 学习笔记(四)–MenuBar菜单栏

    JavaFX+Jfoenix 学习笔记(四)–MenuBar菜单栏1、菜单栏,如图2、实例-1,最简单且简陋的菜单栏packagezkh.javafx.learn.menubar;importjavafx.application.Application;importjavafx.geometry.Pos;importjavafx.scene.Scene;importjavafx.scene.control.Label;i…

    2022年10月29日
  • html如何打印_html打印代码

    html如何打印_html打印代码利用JS技术实现打印HTML表格 通常在浏览网页的时候,网页上总是出现一些和内容无关的内容,在打印的时候,要是把整个网页都打印下来,总会有些不方便。。。所以在有需要打印的网页上稍微设置一下打印页是很有必要的。。。 首先在head里面加入下面一段js代码:———————————————functionprev

  • 极电竞比分网(js逆向,webpack)「建议收藏」

    目标网站:https://www.jdj007.com/目标参数:sign全局搜索sign在第一个js文件里找到可疑加密位置通过观察sign参数可以猜到加密的最后一步可能用到了url编码,而这里可以看到encodeURIComponent,因此断定这里是加密位置。s.a.stringify(n)是加密的关键,因此首先我们要找的就是n,可以看到n=i()(t),通过断点我们可以看到t=“timestamp=1604631529347&secret=aHVheWluZ19zZWNy

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号