您现在的位置:首页 >> 前端 >> 内容

html页面用script引入vue和echarts(雷达图)后只能同时显示一个的效果静态页面数据动态化的问题解决办法

时间:2018/6/14 9:44:13 点击:

  核心提示:问题:在写好的静态hmtl页面中通过引入vue实现动态数据加载,引入echarts实现雷达图,但发现引入的这两个只有一个能实现,要么vue加载数据成功雷达图失效,要么雷达图加载成功vue数据加载失效。...

问题:在写好的静态hmtl页面中通过引入vue实现动态数据加载,引入echarts实现雷达图,但发现引入的这两个只有一个能实现,要么vue加载数据成功雷达图失效,要么雷达图加载成功vue数据加载失效。

分析:通过交换引入vue和引入echarts的顺序发现谁在前谁就能显示,分析发现其实在vue数据生效时雷达图也生效了,只是雷达图的加载被后来vue的加载覆盖了。

解决方法:将雷达图设置代码写在vue的methods中,并封装成函数(方便调用),并在methods方法中的Ajax请求中写setTimeout方法,设置一定时间调用雷达图设置封装函数,然后就可以解决了。

Tags:HT TM ML L页 
作者:网络 来源:qq_2661623