vue使用Echarts渲染图表 请求的后台数据返回{ob: Observer}

将后台请求回来的数据和图表结合的时候,发现图表并没有被渲染出来,但是写死数据就可以,网上搜说是因为{ob: Observer}是只读属性,后面的__ob__: Observer以后,我们会获取不到该数组里面的值,它是不可枚举的,这时候我们需要用JSON.parse(JSON.stringify(该数组))重新生成一个可枚举数组.{ob: Observer} 这种格式的是 Vue 对数据监控添加的属性。

但试了半天根本没用,之前我是在created请求数据,图表的渲染在mounted中,以为这个先后顺序可以成立,没成想created请求数据没那么快,导致渲染的时候加载不上去,解决方法其实很简单:因为异步的原因统计图在渲染的时候后台还没有请求到数据,图表的渲染不要放在生命周期moutend中,而是在后台数据请求完成之后再渲染,怎么样,就一句话不需要做任何改动。

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值