风车菊 2023-03-01 16:33 采纳率: 50%
浏览 37

序列化Vue data 数据时,对象属性缺失

基于Vue2的Uni-app项目
如下两个打印语句,一个是直接打印当前属性,一个输出当前对象的json字符串

img


问题:
直接输出对象,对象属性位置信息是有值的,但是json序列化之后却没有值了

img


是什么原因?疑惑不解,是由什么配置没有开启吗?

  • 写回答

3条回答 默认 最新

  • 以山河作礼。 新星计划导师 2023-03-01 16:39
    关注

    这是因为Vue中的数据为双向绑定,当直接打印当前属性时,会显示当前属性的实际值,而json序列化之后,会输出当前属性的原始值,因此就会出现对象属性位置信息没有值的情况。解决这个问题的方法就是在使用json序列化时,可以使用Vue.observable()方法,将Vue实例转换成一个普通对象,这样就会输出当前属性的实际值了。

    评论

报告相同问题?

问题事件

  • 创建了问题 3月1日