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的方法就可以了。、

存值

 

 取值

 

 

完成！！！！！