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

匿名 (未验证) 提交于 2019-12-02 20:34:42

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

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

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!