vue路由传参，如果是传一个对象的话，刷新参数会读取不到的两种解决办法

---

问题

vue路由传参，如果是传一个对象的话，刷新参数会读取不到的两种解决办法

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、使用JSON.stringify()

代码如下（示例）:

// 传参页面
	this.$router.push({
        path: "/gitfted",
        query: {data:JSON.stringify(item)}
     });
//接收页面
	created() {
	    this.dutyDetail = JSON.parse(this.$route.query.data);
  	},

二、使用Object.assign()

代码如下（示例）：

// 传参页面
	const data = Object.assign({}, item, {
        sourceType: this.$route.query.sourceType,
        resourcePlace: this.$route.query.resourcePlace
      });
      this.$router.push({
        path: "/gitfted",
        query: data
      });
//接收页面
	created() {
	    this.queryData = this.$route.query;
  	},

---

交流

我能想到的是这两种，如有其他方法欢迎在评论区回答。