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方法会报错，只有在当前路由带参数传递过去才不会出现该问题