乙個vue路由引數傳遞的注意點

2021-08-13 04:33:57 字數 642 閱讀 1310

首先我的路由的定義

我從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路由跳轉如何傳遞乙個物件過去?

之前我開始寫的時候在傳遞的一方使用json.stringify 去進行轉換 然後在接收的一方使用json.parse 進行轉換,這樣的話會報錯 這個是提示轉換json物件方法沒有成功看下json字串是否正確 那麼 如何解決?首先在傳的一方使用 json.stringify 以及encodeurico...

vue 路由 及 跳轉傳遞引數的總結

1 router link 2 to 8 query 12 13router link path 是要跳轉的路由路徑 推薦換成 name 值,name pathname,命名路由,兩者都可以進行路由導航 params 是要傳送的引數,引數可以直接 key value 形式傳遞 類似post quer...

關於ng路由的傳參問題 傳遞乙個,多個引數

在ng的頁麵條轉傳引數的方法,ui sref,state ui sref 用於html頁面進行單頁面的跳轉 state 用於js 中跳轉 重點 明確傳遞方,接受方 傳遞單個引數 對於傳遞方 傳遞方 ui sref home.ideas.edit 或者 state.go home.ideas.edit...