博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JSON序列化与反序列化在vue中的应用
阅读量:3931 次
发布时间:2019-05-23

本文共 548 字,大约阅读时间需要 1 分钟。

需求:

A页面跳转到B页面,需要将参数携带过去,并且刷新页面也正常显示,参数格式如下:(对象嵌套数组)

"data": {    "page": 0,    "pageSize": 100,    "total": 87,    "list": [      {        "id": 1061,        "orderTime": 1581905690803,        "total": 40,        "status": "待派单",        "remark": null,        "customerId": 26,        "waiterId": null,        "addressId": 2228      }     ]}

方法:

使用JSON序列化与反序列化

A页面:

使用JSON.stringify序列化

B页面:

JSON.parse反序列化

页面效果:

 


注:如果不适用JSON序列化,直接使用query传递参数,效果如下:

A页面:

B页面:

页面效果:

第一次点击进入B页面时:

在B页面刷新浏览器:

 

很明显,页面的数据不是我们想要的格式,所以直接使用query传递参数不可取(当然,前提是传递的参数格式是否是对象嵌套数组

 

 

转载地址:http://srtgn.baihongyu.com/

你可能感兴趣的文章
李航机器学习 | (2) 统计学习方法(第2版)笔记 --- 感知机
查看>>
动手学PyTorch | (33) 通过时间反向传播
查看>>
动手学PyTorch | (35) 长短期记忆(LSTM)
查看>>
动手学PyTorch | (37) 优化与深度学习
查看>>
动手学PyTorch | (39) 小批量随机梯度下降
查看>>
动手学PyTorch | (41) Adagrad算法
查看>>
动手学PyTorch | (44) Adam算法
查看>>
动手学PyTorch | (59) 微调(fine-tuning)
查看>>
吴恩达深度学习 | (16) 卷积神经网络专项课程第一周学习笔记
查看>>
LaTex论文排版 | (20) LaTex首行缩进
查看>>
吴恩达深度学习 | (24) 序列模型专项第二周学习笔记
查看>>
深度学习 | (2) 二分类、多分类与多标签分类的区别与损失函数
查看>>
LaTex论文排版 | (21) 图表caption居中显示
查看>>
深度学习 | (4) 分类问题的Label为啥是one-hot?
查看>>
LaTex论文排版 | (22) argmax、argmin下标使用方法及任意、存在符号
查看>>
深度学习 | (5) 2分类、多分类问题评价指标以及在sklearn中的使用
查看>>
机器阅读理解 | (2) 文本问答概述
查看>>
预训练语言模型 | (1) 概述
查看>>
预训练语言模型 | (2) transformer
查看>>
预训练语言模型 | (3) Bert
查看>>