uniapp微信小程序开发踩坑日记：由于图表数据渲染不出来，我第一次在项目中用watch函数监听数据变化

作者：IT小白 | 2024-05-01 06:39:30

踩

一、发现问题

在我们团队自己开发的微信小程序中，引入了Echarts图表库

然后突然有一天，后端队友反应图表渲染有问题。后面我去试了一下，确实20次里面必有一次数据渲染不出来

断定代码没问题，于是我们将其鉴定为玄学

后面我冷静下来有仔细分析了下代码，找到了图表渲染问题的原因

虽然我开发用的是Vue项目，Vue的数据是响应式的，但是Echarts图表的底层是JS实现的，图表的数据并不是响应式的

所以有时候后端数据还没返回，图表就已经渲染好了，那时候数据还是空

要用watch来监听数据变化，等数据从空变为有值的时候再渲染图表

于是我写了如下代码

对了，别忘记import { watch } from "vue" ，我一开始忘了加，导致代码报错了

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/517515