如何解决echarts Vue数据更新后视图不刷新的问题？

本文共计1307个文字，预计阅读时间需要6分钟。

1. 问题描述：在ECharts弹框中嵌入ECharts图表，当页面数据变化时，ECharts视图不更新。

2. 解决办法：数据更新时，使用drawLine()函数在updated()方法中执行（这种情况下之前遇到过），后来发现热更新。

1.问题描述：在echarts弹框中嵌入echarts，在页面数据改变时，echarts视图不更新；

2.解决办法：

数据更新时以为drawLine()函数在updated()里面执行（这种情况之前碰到过），后来发现热更新之后视图更新了，所以跟周期函数没有关系；参考了一下网上的一些资料，发现可以用vue中的watch()函数来监听数据的更新，一旦数据更新了，那么就在watch()函数中调用drawLine()函数，发现视图更新了，完美解决。