首页 > 解决方案 > 前端开发 > Vue

uniapp echarts词云首次加载页面时没有渲染出来

echarts词云

uniapp开发一个h5页面，里面有个词云效果，首次进入页面词云效果总是显示不出来，刷新页面的时候倒是可以出来

0xc1Ox T0 发布于2年前

+ 我有其他方法

最佳解决方案

原因就是 vue axios属于异步加载数据，数据改变了，但是没有告诉echarts，导致echarts并不知道数据变化了，所以得在数据变化后告诉echarts，让它重新渲染一次。

watch:{
     // 监听数据变化
   wordCloud(newValue,oldValue){
        this.drawChart(newValue);
   }
},
mounted() {
   this.drawChart([]);
}