vue拦截器qs踩坑记录:qs.parse()、qs.stringify()使用方法,以及数组参数处理

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用JSON.stringify方法Vue数组转化为JSON字符串时,可能会出现变为空值的情况。 最常见的原因是Vue的数据响应机制。Vue使用了观察者模式来跟踪数据的变化,当数组中的元素发生变化时,Vue会自动更新视图。然而,在使用JSON.stringify方法时,它只能序列化JavaScript对象,并不会序列化Vue的响应式数据。所以当我们将Vue数组直接传递给JSON.stringify方法时,它会得到一个空的JSON字符串。 解决这个问题的方法是,在使用JSON.stringify之前,先将Vue数组转化为普通的JavaScript数组。这可以通过使用slice方法或者Array.from方法来实现: ``` var vueArray = [1, 2, 3]; var plainArray = vueArray.slice(); var jsonString = JSON.stringify(plainArray); console.log(jsonString); // "[1,2,3]" ``` 在上面的例子中,我们使用了slice方法创建了一个新的数组,然后将Vue数组的元素复制到了这个新数组中。最后,我们将新数组传递给JSON.stringify方法进行序列化。 如果你使用的是ES6,你也可以使用Array.from方法来创建新数组: ``` var vueArray = [1, 2, 3]; var plainArray = Array.from(vueArray); var jsonString = JSON.stringify(plainArray); console.log(jsonString); // "[1,2,3]" ``` 总之,当我们需要将Vue数组转化为JSON字符串时,需要先将Vue数组转化为普通的JavaScript数组,然后再进行序列化。这样可以避免JSON.stringify方法返回空值的问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南北极之间

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值