Vue路由跳轉如何傳遞乙個物件過去?

2021-10-06 09:57:02 字數 706 閱讀 1979

之前我開始寫的時候在傳遞的一方使用json.stringify()去進行轉換

然後在接收的一方使用json.parse()進行轉換,這樣的話會報錯

這個是提示轉換json物件方法沒有成功看下json字串是否正確

那麼 如何解決?

首先在傳的一方使用:json.stringify()以及encodeuricomponent()進行轉換

例如:

var arr=json.stringify(e)

this.$router.push("/details?obj="+encodeuricomponent(arr))

在接收的一方使用:decodeuricomponent()以及json.parse()進行轉換

var list = decodeuricomponent(this.$route.query.obj);

console.log(json.parse(list));

這樣的話就可以解決了這個報錯資訊

Vue路由跳轉傳遞引數()

需求 在單頁應用中,從a頁面跳轉到b頁面需要攜帶部分引數,具體操作方法有以下幾種 方法1 使用 router進行跳轉 step1 在router.js中定義攜帶引數的名稱 step2 在a頁面跳轉時攜帶引數 let id 0 this.router.push step3 在b頁面接收引數 let i...

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

首先我的路由的定義 我從a元件跳轉到b元件,並通過路由資訊物件傳遞一些引數 this.router.push query 在b元件中獲取引數 this.route.query.paramb b this.route.params.parama undefined通過路由的params物件傳遞過來的引...

vue 通過路由頁面跳轉 引數傳遞

跳轉方式 1.this.router.push name main params post請求 name為router中定義的name 跳轉後的頁面取請求引數 this.route.params.username 2.this.router.push path params post請求 path為...