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

一、发现问题

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

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

 

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

 

二、问题原因

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

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

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

三、解决问题

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

于是我写了如下代码

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

最近更新

  1. TCP协议是安全的吗?

    2024-04-29 05:54:08       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-29 05:54:08       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-29 05:54:08       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-29 05:54:08       20 阅读

热门阅读

  1. VUE3与Uniapp 五 (v-if、v-show和template的使用)

    2024-04-29 05:54:08       13 阅读
  2. selenium如何开启手机模式

    2024-04-29 05:54:08       14 阅读
  3. gin学习1-7

    2024-04-29 05:54:08       13 阅读
  4. addEventListener()方法中的参数,以及作用

    2024-04-29 05:54:08       14 阅读
  5. Linux基础 -- Linux 中使用 system 函数的返回值转换

    2024-04-29 05:54:08       11 阅读