1. 程式人生 > >關於兩個頁面用params傳資料,重新整理後資料消失的解決

關於兩個頁面用params傳資料,重新整理後資料消失的解決

通常我們在兩個頁面傳資料時,一般會採用params,query,或者將資料用vuex,localStorage,sessionStorage儲存起來,然後方便其他頁面呼叫資料,但是params和vuex有一個不好的地方就是隻要我們在接受資料的頁面重新整理一下,傳過來的資料就會丟失,怎麼解決這個問題,當然最好不用嘍
請看用params傳資料

this.$router.push({name: 'oldDetail', params: {id: ids}})

目標頁面接受資料程式碼為

this.id = this.$route.params.id

其中,我這裡是用將路徑用name代替了,希望你們可以看懂
路由這裡是這樣寫的

 {
      path: '/oldDetail',
      name: 'oldDetail',
      component: oldDetail
    },

想要解決接受資料頁面重新整理資料不丟失,只需將params改為query即可
如下所示

this.$router.push({name: 'oldDetail', query: {id: ids}})

上面是傳送資料

this.id = this.$route.query.id

這裡是接受資料
好了,本文到此結束