vue路由傳參的兩種方式

2021-09-17 20:27:09 字數 813 閱讀 5639

路由傳參的兩種方式params和query

params相當於post,引數資訊不會顯示在位址列中,query相當於get,會把引數資訊暴露在位址列中

params傳參

第一步 在router.js中配置路由

例:

import params from '../components/params/index'

import routerto from '../components/params/routerto'

export default new router(,

]

第二步 在params.vue(傳遞引數的檔案)檔案中

query傳參

第三步 在routerto.vue(接收引數的檔案)檔案中

接收data引數}

接收msg引數}

query傳參

第一步配置路由(方法與上面相同,此處不贅述)

第二步 在params.vue(傳遞引數的檔案)檔案中

query傳參

第三步 在routerto.vue(接收引數的檔案)檔案中

接收data引數}

接收msg引數}

1.傳遞引數用$router

2.接受引數用$route

3.params必須和name配套使用,通過name來識別路徑

4.query方法中僅僅是把params換成query,其他都不變

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

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

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

我的專案是當在新增頁面 下面叫a頁面 先提交一些資料,然後跳轉到下乙個頁面 下面叫b頁面 再填寫資料,然後返回到新增的頁面 之前我直接跳轉回b頁面goback 這樣的話跳轉回來a頁面就什麼資料都沒有了 解決方法有兩種,一種是在位址列裡面拿引數 在b頁面拿取 this.route.params.id然...

兩種傳參方式的對比

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