核心提示:问题:在写好的静态hmtl页面中通过引入vue实现动态数据加载,引入echarts实现雷达图,但发现引入的这两个只有一个能实现,要么vue加载数据成功雷达图失效,要么雷达图加载成功vue数据加载失效。...
问题:在写好的静态hmtl页面中通过引入vue实现动态数据加载,引入echarts实现雷达图,但发现引入的这两个只有一个能实现,要么vue加载数据成功雷达图失效,要么雷达图加载成功vue数据加载失效。
分析:通过交换引入vue和引入echarts的顺序发现谁在前谁就能显示,分析发现其实在vue数据生效时雷达图也生效了,只是雷达图的加载被后来vue的加载覆盖了。
解决方法:将雷达图设置代码写在vue的methods中,并封装成函数(方便调用),并在methods方法中的Ajax请求中写setTimeout方法,设置一定时间调用雷达图设置封装函数,然后就可以解决了。