vue中sessionStorage存储的用法和问题

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

存：

sessionStorage.setItem("signoutShow",this.signoutShow);

 

取：

this.signoutShow = sessionStorage.getItem('signoutShow');

 

vue中由于页面刷新会导致有些参数被清空，用sessionStorage存储数据一般是在 beforeMount() 挂载前取， beforeUpdate() 更新渲染时存：

  beforeMount() {
    this.signoutShow = sessionStorage.getItem('signoutShow');
  },
  beforeUpdate() {
    sessionStorage.setItem("signoutShow",this.signoutShow);
  }

【注】sessionStorage 存储数据一般为对象，当存储值为 true/false 时，会发现存取都可以得到正确的值，但是页面渲染的结果不对，这是因为存储的类型为字符串类型，而 true/false 为bool 类型， sessionStorage.getItem('signoutShow'); 取值的时候会得到带引号的值，比如说"true" / "false" ，那么这时候就需要用 JSON.parse 转换一下类型就好了

  beforeMount() {
    var signoutBool = sessionStorage.getItem('signoutShow');
    this.signoutShow = JSON.parse(signoutBool);
  }

 

以上是 vue中sessionStorage存储的用法和问题 的全部内容， 来源链接： utcz.com/z/380305.html

回到顶部