vue|Echarts|后台返回{ob: Observer}|是否影响渲染

问题:
后台请求数据返回的是__ob__: Observer这样的数据,同时前端echars图标不显示。
目前网上大多回答是要用 JSON.parse(JSON.stringify(data)) 将返回的数据data先转换为JSON字符串形式,然后再从字符串形式转换成JSON格式。网上说{ob: Observer} 这种格式的是 Vue 对数据监控添加的属性。这是因为这种格式造成了前端不显示。
原因:
实际原因并在于{ob: Observer}。因为异步的原因前端图表在渲染的时候后台还没有请求到数据,等数据请求成功后,前端并不会再次渲染,所以结果就是前端空白。
解决:图表的渲染如果放在生命周期created/moutend中,必须等后台数据请求完成之后再渲染,代码如下图所示,只是换一下调用图表的位置,就能解决。点赞吧!
echarts
Echarts网上的其他观点:
https://blog.csdn.net/zxh7770/article/details/117386800
https://www.pianshen.com/article/84512035858/