站内搜索:
首页 >> 前端 >> 内容
html页面用script引入vue和echarts(雷达图)后只能同时显示一个的效果静态页面数据动态化的问题解决办法

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

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

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

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

  • 上一篇:Eclipse配置maven时,Maven提示:Could not read settings.xml的解决办法
  • 下一篇:css设置阴影的基本语法和实例
  • 返回顶部