请问有没有会vue的up主帮我看看怎么路由传值

问题遇到的现象和发生背景

我想把首页的data数据通过路由传值到详情页

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

请会vue 帮我看看，实在是解决不了了，现在我的详情页都是静态的

我想要达到的结果

带个对象？
先转成字符串
this.$router.push({path: '/Product', query: {obj: JSON.stringify(item)}})

接收用JSON.parse
const query = this.$route.query.obj
console.log(JSON.parse(query))

报什么错呀