vue路由傳參介紹

2021-08-21 08:59:51 字數 355 閱讀 6690

vue有兩種傳參方式:

1:query:

vm.$router.push(})
2:param

vm.$router.push(})
這兩種方式都可以進行路由的傳參,但是在頁面進行重新整理的時候,params傳參的資料會消失,而query的引數不會因為頁面重新整理而消失,query傳的時候只能穿字串,而params傳參的時候可以傳物件。以上是專案中遇到的問題,由於時間緊,沒有深究裡面的問題,後面遇到再進行補充。

順帶提一下路由的東西:$route與$router也是不一樣的,$route只是乙個路由物件,而$router是vue的路由例項,$router的東西大家可以列印出來與$route進行對比。

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...