页面数据能够正常渲染,但控制台报错属性underfined

 问题原因

可以看到h3这里的渲染 结构的层次是三级的

说通俗点就是三层表达式a.b.c，在对象a中没有对象b，那么读取对象a.b.c中的值,自然会报错。如

果是两层表达式a.b则不会报错，返回的是undefined。

enterData又是在data里面初始定义的为空,后续获取数据是异步加载的

所以在渲染的时候因为三层结构的关系控制台会报错undefined,但是渲染完成后数据已经加载好了,

所以页面上就有对应的值

解决办法

用v-if判断2级结构

附带问题

由于整体使用了v-if进行操作 所以页面中使用的echrts图表无法展示

若还未解决

可在v-if的地方对echarts的数据进行判断

此问题涉及的就是异步加载的问题,浏览器先渲染了echarts,但是在渲染时是没有数据的,因此我们通过判断echarts里面的数据(flowerData),有数据再加载图表就没有问题了