vue 路由传递参数,刷新页面 数据变成 [Object object]

原因:

刷新页面的时候,我才框架会默认的把数据存放在本地,刷新完成后会把数据取出来,但是存储普通的字符串还好

一旦存储数组,或者对象,如果不用JSON.stringify( )方法把对象转换成字符串的话,再次取出来,数据就会变成一个奇怪的东西,无法parse ,也不能直接使用 数据就变成 [Object object] 了,估计这个是vue 的一个bug,所以在传输数据的之前要提前把数据JSON.stringify()一下,用的时候再parae 一下。

 

nuxt 的问题:

如果你用nuxt  的asyncData 接收数据,并且在方法里面把数据解析出来,那么还是没有用,因为async 是在服务端执行的,这里获取不到this ,获取不到sessionstorage , 他获取不到本地的数据,当你把他解析完成后,渲染到页面上,然后这些数据会被返回到客户端,然后客户端拿到的还是没有经过stringify 的数据,刷新还是会出错,所以要把数据在客户端执行的方法里面parse 一下,这样保证了,客户端拿到的数据是string 类型的,然后在刷新的时候会把最初的数据,string保存到本地。

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值