vue sessionStorage存值取值

写项目时候遇到了一个存值问题，记录一下。

存值  ：sessionStorage.setItem('oneShow', 'false')

取值：sessionStorage.getItem('oneShow')

销毁存取值

  beforeDestroy() {

    sessionStorage.setItem('oneShow', 'true')

  },

 

 

写项目遇到的问题：

 

我这边有一个页面，页面有两个部分，a部分和b部分，当我点击a部分的时候，a部分隐藏，b部分展示，但是在b部分的时候，我刷新页面，页面又回到了a部分，而我需要页面刷新还是在b部分。

 

解决办法：

用sessionStorage存取值的方法。

1，在a部分的点击事件，用session方法存储一个值,，让他默认为false

  sessionStorage.setItem('oneShow', 'false')

2，然后在created（创建完成的时候）的时候去取这个申明的值，然后对a部分和b部分的显示隐藏进行判断

let one = sessionStorage.getItem('oneShow')
    if (one == 'false') {
      //如果等于false a影藏，b显示
      this.b= true
      this.a= false
    } else {
      this.a= false
      this.b= true
    }

这样就可以了，在b部分时候，在去刷新浏览器，依然还是在b部分。

 

但是如果在我在点击别的页面，在回来时候，你会发现，还在b部分，如果想变成a部分，在写一个销毁的事件即可。

beforeDestroy() {
    sessionStorage.setItem('oneShow', 'true')
  },

这样子就完成了。

 

再然后，如果在刷新页面时候，需要传值，也是一样用session的方法就可以了。、

存值

 

 取值

 

 

完成！！！！！