今天在小程序开发时遇到了一个小问题,首先在两个tab页面中都有用到Echarts图表,在页面加载完成时,两个页面的图表也完成绘制。于是就出现了如图问题:

  • 页面完成加载,显示正常
    【微信小程序】解决Echarts在微信小程序tab切换时的显示问题
  • tab切换,该页面的图表缩成了一坨
    【微信小程序】解决Echarts在微信小程序tab切换时的显示问题

解决方法:
【微信小程序】解决Echarts在微信小程序tab切换时的显示问题
在第二个tab页的图表中加上一个条件,只有当currentTab为1时也就是只有在切换到当前页面时该页面的图表才会加载。然后就顺利解决啦~
【微信小程序】解决Echarts在微信小程序tab切换时的显示问题
虽然问题顺利解决啦,但没有很确定地找出出现这个问题的原因,猜测应该是图表加载的时间顺序上的问题,之后有时间会去看看资料确定一下是什么问题。

以上,来自一个初入门小程序开发的博友本友遇到的一个小问题。
第一次写博客,入门不深,若对你有帮助,那就很开心~
若文章有误,也欢迎指出~

相关文章: