美文网首页
刷新页面后,保留数据

刷新页面后,保留数据

作者: 简小园 | 来源:发表于2019-05-24 18:38 被阅读0次

    localStorage 和 sessionStorage 属性允许在浏览器中存储数据

    • sessionStorage 在关闭窗口或标签页之后将会删除这些数据
    • localStorage 在关闭窗口或标签页之后还保留数据,且没有过期时间,除非手动去删除

    这里以sessionStorage为例:

    思路
    1. 在A页面获取到数据,并存储在sessionStorage中。
    sessionStorage.setItem('user',JSON.stringify(res.data));// 以字符串形式存储
    that.$router.push({path:'/B'});//跳转页面到B页面
    
    1. 在B页面里显示
    let userStr = sessionStorage.getItem('user');  //获取sessionStorage里面的信息
    let msg = JSON.parse(userStr);//转化位json对象
    

    *如果用vue,一般在created里面获取数据

    created(){
      let userStr = sessionStorage.getItem('user');
      this.msg = JSON.parse(userStr);
    },
    

    相关文章

      网友评论

          本文标题:刷新页面后,保留数据

          本文链接:https://www.haomeiwen.com/subject/pnmnzqtx.html