路由传参通过params传参,在路由表中写了占位符:data,params:{data:对象},传了一个对象,但是在新页面用当前路由route拿数据的时候是[object Object],怎么解决

vue路由传参当刷新页面时,参数变成“[object Object]”_vue [object object]-CSDN博客

params传参,先写占位符(动态传参)

路由传参通过params传参,在路由表中写了占位符:data,params:{data:对象},传了一个对象,但是在新页面用当前路由route拿数据的时候是[object Object],怎么解决_第1张图片

传数据的时候,用JSON.stringfiy()将数据变成字符串

路由传参通过params传参,在路由表中写了占位符:data,params:{data:对象},传了一个对象,但是在新页面用当前路由route拿数据的时候是[object Object],怎么解决_第2张图片

 在新页面拿数据的时候,用JSON.parse()把字符串转成对象

路由传参通过params传参,在路由表中写了占位符:data,params:{data:对象},传了一个对象,但是在新页面用当前路由route拿数据的时候是[object Object],怎么解决_第3张图片 

路由传参通过params传参,在路由表中写了占位符:data,params:{data:对象},传了一个对象,但是在新页面用当前路由route拿数据的时候是[object Object],怎么解决_第4张图片 

你可能感兴趣的:(前端,vue.js,javascript)