vue路由传参使用query传递对象

文章目录

• 一、vue路由跳转两种传参方式
• 二、使用步骤
• • 1.对象转换成json字符
  • 2.读取数据

一、vue路由跳转两种传参方式

 this.$router.push({ name: ‘demo‘, params: { id: 123 }})   this.$router.push({ path: ‘/demo‘ ， query: { id: 123 } }) 

二、使用步骤

1.对象转换成json字符

代码如下（示例）：

   this.$router.push({ path: ‘/demo‘ ， query: { id: 123 },row:JSON.stringify(obj) })  

2.读取数据

代码如下（示例）：

JSON.parse（this.$route.query.row）