關於兩個頁面用params傳資料,重新整理後資料消失的解決
阿新 • • 發佈:2019-02-09
通常我們在兩個頁面傳資料時,一般會採用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
這裡是接受資料
好了,本文到此結束