Vue路由傳參的問題

2022-09-05 17:51:18 字數 494 閱讀 6590

vue路由元件傳參有兩種方式:

1.query{}  //物件裡面寫要傳遞的引數

最終引數會被儲存到url上  ?prop1=***&prop2=***

2.params{}  //物件裡面寫要傳遞的引數

如果不在路由上面修改,傳遞的只是臨時引數,可以通過this.$route.paeams能看到對應的引數,但是,當頁面重新整理時,再次訪問對應的引數則為undefined,就是大家說的引數丟失。

要使params傳遞的引數重新整理頁面不丟失,需要把它儲存到url上,即 在路由介面編輯路由時標記需要傳遞的引數,如  路由/:id

當傳遞多個引數時,目前我已知有兩種寫法:  路由/:id/:user    顯示  路由/1/123

l路由/:id&:user    顯示  路由/1&123

還有關於說query只能用path去引路由,params只能用name去引路由的說法,我自己測試了當用name引路由時,用query和params傳參都沒有報錯,且正常進行。

Vue路由傳參

getdescribe id 方案一,需要對應路由配置如下 很顯然,需要在path中新增 id來對應 rou ter.push 中pat h攜帶的 引數。在 子元件中 可以使用 來獲取傳 遞的引數 值。th is router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。t...

vue路由傳參

傳參方式一 router link方式 1.path 是要跳轉的路由路徑,也可以是路由檔案裡面配置的 name 值,兩者都可以進行路由導航 2.params 是要傳送的引數,引數可以直接key value形式傳遞 3.query 是通過 url 來傳遞引數的同樣是key value形式傳遞 2,3兩...

Vue 路由傳參

需求 獲取傳遞引數 login 11314555 路由傳參 router link loginbyid 11314555 路由傳參 button 方式一 路由配置 需要在path中新增 id 來對應 router.push 中path攜帶的引數 呼叫方法 loginbyid id 引數獲取 this...