鍍金池/ 問答/HTML/ vue點(diǎn)擊事件傳入sessionStorage問題？

vue點(diǎn)擊事件傳入sessionStorage問題？

vue點(diǎn)擊事件傳入sessionStorage中并且跳轉(zhuǎn)到捏一個(gè)頁面獲取存入的sessionStorage，這操作是不是有延遲
<ul class="nav-daohang">

  <li v-for="(navtitle,index) in navTitle" :key="navtitle.id" @click="clickindex(index)">
    <router-link to="/shoplist">
      <img v-lazy="navtitle.img">
      <span>{{navtitle.title}}</span>
    </router-link>
    </li>
</ul>
      
 這是存入sessionStorage

clickindex(index){

  var c=this.navTitle[index].max
  var d=this.navTitle[index].cid
  this.indexlist=d
  sessionStorage.setItem('number',d)
  sessionStorage.setItem('number1',c)
},

這是另一個(gè)頁面 獲取存入sessionStorage的數(shù)值
created(){
  var num1=sessionStorage.getItem('number')
  var num2=sessionStorage.getItem('number1')
  this.num_cid=num1
  this.num_max=num2

clipboard.png

在created打印出來的是null

clipboard.png

頁面要再次刷新才獲取的到
怎么樣才能一跳轉(zhuǎn)就拿到值

回答
編輯回答
尛憇藌

router-link默認(rèn)綁定的是click事件，你在外層再綁定click事件，
根據(jù)事件冒泡，先執(zhí)行路由事件；
created階段尚未執(zhí)行存儲(chǔ)。

解決方案：
點(diǎn)擊后通過js代碼進(jìn)行路由跳轉(zhuǎn)。

2018年4月19日 12:06
編輯回答
尐潴豬

你寫的時(shí)候，打出來看看是否有

2017年6月18日 00:31
編輯回答
刮刮樂

你確定你的checkindex()函數(shù)有執(zhí)行到？打印看看。然后改成@click.native="checkindex(index)"試試？

2017年7月13日 18:24
編輯回答
維他命

先截圖看下瀏覽器 sessionStorage 中有沒有值

2017年3月16日 08:17
編輯回答
焚音

先說句題外話，為何不這樣傳參，下面直接存簡(jiǎn)單的形參

<li v-for="(navtitle,index) in navTitle" :key="navtitle.id" @click="clickindex(navtitle.max,navtitle.cid)">

在另一個(gè)頁面判斷一下，

mounted(){
    if(sessionStorage.number){
        console.log(sessionStorage.number)
    }
 }

正常來說，沒延遲問題啊

2017年4月2日 06:08
編輯回答
臭榴蓮

我也有同樣的問題，請(qǐng)問你怎么解決的？

2018年8月12日 18:47
編輯回答
蔚藍(lán)色

看下調(diào)整到mounted中獲取sessionStorage的值

2017年8月23日 22:34