- 开发要求:在实习时分配的一个页面,有三个标签,默认加载的是一个table,后两个标签都是echarts图表,但是三部分用的是相同的数据,包括分页。
- 问题描述:刚开始设置图表渲染为默认加载,通过v-show控制所要展示的标签,但是图表缩小为100px,需要等一段时间后才会恢复。(菜鸡实习生被折磨了很久)
- 问题分析:echarts不会自动渲染,经常改了数据进入页面需要刷新才能显示新得页面,所以可以从重绘和首次加载两方向去解决。
- 解决方法1:重绘 使用watch监听,定义宽高,传进去重新绘制
- 解决方法2:点击时再绘制 给标签绑定点击事件,在点击时发送请求进行判读,读取数据绘制(我采用这种方法) this.drawLine();在点击开始绘制图形,