vue中路由引數傳遞可能會遇到的坑

2021-09-28 21:01:56 字數 692 閱讀 7566

前言

vue中路由跳轉傳引數有多種,自己常用的是下面的幾種

首先我的路由的定義

我從a元件跳轉到b元件,並通過路由資訊物件傳遞一些引數

this.$router.push(,

query:

})

在b元件中獲取引數

this.$route.query.paramb  //b

this.$route.params.parama //undefined

通過路由的params物件傳遞過來的引數paramb始終是undefined,始終找不到原因。通過查閱資料,終於找到原因,那是因為路由的params物件使用,必須要通過路由名來呼叫路由,而不同通過path來呼叫,而query物件則沒有這個要求。

所以我們修改下**:

this.$router.push(,

query:

})

將path引數換成對應的路由名稱就可以了,這個時候獲取引數就一切正常了。

this.$route.query.paramb  //b

this.$route.params.parama //a

Vue介紹(面試可能會問到)。

什麼是mvvm m model資料層 v viewdom層 vm view model處理資料介面的中間層,指vue vue是什麼?vue是js的mvvm庫,只關注檢視層,以資料為驅動,vue將自身和dom進行繫結,dom與資料同步變化。它有什麼特點 1 簡潔 html json資料 vue例項組成...

安裝Qt可能會遇到的問題

問題一 1.剛安裝完成之後,第一次開啟彈出介面 libhelp.so 無法載入庫 解決方法 在終端依次輸入 sudo apt get install libqt4 dev sudo apt get f install sudo apt get install libgstreamer0.10 dev...

vue路由傳遞引數

1.通過path來確定匹配的路由,通過query來傳遞引數 傳參 golist title,id 注意這裡是 router 接參 this.params.brandid this.route.query.id 這裡是 route2.通過路由屬性name確定匹配路由,通過params傳遞引數 傳參 g...