vue路由傳參的兩種方式,實現返回上個頁面不重新整理

2021-10-08 05:32:04 字數 1108 閱讀 4171

我的專案是當在新增頁面(下面叫a頁面)先提交一些資料,然後跳轉到下乙個頁面(下面叫b頁面)再填寫資料,然後返回到新增的頁面

之前我直接跳轉回b頁面goback(),這樣的話跳轉回來a頁面就什麼資料都沒有了

解決方法有兩種,一種是在位址列裡面拿引數

在b頁面拿取

this.$route.params.id
然後在b頁面再把id傳回之前a的頁面

this.$router.replace(

})

第二種是$roure官方文件提供的方法

1,在a頁面傳參

this.$router.push(

})},

2,在路由檔案裡面接收傳值

ps:要傳的id啥的一定要在位址列定義資料並且帶過去

3,在b頁面接收傳值

props: ,

groupid:

},

4,在b頁面傳值回去

goback() 

})},

最後還有乙個在 localstorage存入你想要傳的值,然後再取,但是這方法不好

localstorage.setitem('lid', 123456)

var getid = localstorage.getitem('id');

最後還可以使用vuex儲存

vue路由的兩種方式(路由傳參)

query和params區別 query類似 get,跳轉之後頁面 url後面會拼接引數,類似?id 1,非重要性的可以這樣傳,密碼之類還是用params重新整理頁面id還在 params類似 post,跳轉之後頁面 url後面不會拼接引數 但是重新整理頁面id 會消失 一 宣告式 router l...

vue路由傳參的兩種方式

路由傳參的兩種方式params和query params相當於post,引數資訊不會顯示在位址列中,query相當於get,會把引數資訊暴露在位址列中 params傳參 第一步 在router.js中配置路由 例 import params from components params index ...

兩種傳參方式的對比

這種方式使用變數 常量 陣列元素作為函式引數,實際是將實參的值複製到形參相應的儲存單元中,即形參和實參分別占用不同的儲存單元,這種傳遞方式稱為 引數的值傳遞 或者 函式的傳值呼叫 值傳遞的特點是單向傳遞,即主調函式呼叫時給形參分配儲存單元,把實參的值傳遞給形參,在呼叫結束後,形參的儲存單元被釋放,而...