Vue3.0路由跳轉對象的傳遞和接收

 

1.當前路由傳遞對象參數

（1）通過this.$router.push傳遞

var arr = JSON.stringify(this.user)
this.$router.push({name:'home',params:{user:encodeURIComponent(arr)}})

this.user是一個JSON對象

（2）通過router-link傳遞

<router-link :to="{name:'deptInfo',params:{user:encodeURIComponent(arr)}}" exact-active-class="x">部門信息</router-link>

arr是一個屬性

2.跳轉目標路由接收對象參數

this.arr = decodeURIComponent(this.$route.params.user)
this.userChildren = JSON.parse(this.arr)

注意：當跳轉目標路由頁面刷新后，JSON.parse方法會報錯，只有在當前路由帶參數傳遞過去才不會出現該問題